2016-09-27 52 views
0

美好的一天, 我正在建造和角度2應用程序基於此starter pack。我試圖弄清楚我們的構建過程會是什麼樣子。我注意到在運行時:webpack包中的HTML。爲什麼?

npm run build:prod  
npm run server:prod 

html位於軟件包文件中。在大型應用程序中,此軟件包文件可能會向上4-5mb或更多。這可能是移動訪問的問題。這對於角度2方法來說似乎不直觀。

這是一個大型應用程序的正確構建? 不應該根據需要加載HTML文件,而不是一次加載?

也許我誤解了一些東西。

回答

0

是的,基本上這就是Webpack所做的。它捆綁應有盡有。讓你的輸出文件~4MB很可能發生。你需要的是將文件分成。通過這種方式使用常用塊插件,您可以將所有第三方庫合併爲一個塊。其次,你可以將文件分割成更多的塊,然後異步加載它們。

你可以在link找到更多關於它的信息。

+0

Webpack文檔是廢話。我知道如何使用插件生成文件,但我不知道如何在角度2應用程序中實現它。你有什麼例子嗎? –

+0

不幸的是,我沒有任何使用Angular 2的例子,我只用React和Vue.js工作。但原則應該是一樣的。您可以在您的路由中添加'require.ensure',例如或在您的'html'中,然後每當您導航到特定路由時,它只加載鏈接到該頁面的資產。說得通? – highFlyingDodo

相關問題