1. 首頁
  2. 問答
  3. 角度構建規模龐大

角度構建規模龐大

2017-06-13 65 views
11

所以，我工作的大應用程序，所有組件都具有自己的SASS文件風格（我們使用ViewEncapsulation.Native），但我建立npm run build --stats-json --prod --aot與https://chrisbateman.github.io/webpack-visualizer/檢查統計我得到這個角度構建規模龐大

enter image description here

右邊所有那些大的橙色塊是sass.shim.ngstyle.ts文件，每個文件都是195k！

來源

2017-06-13 Rachid Oussanaa

+0

@KevinNielsen。這些是需要的polyfills，因爲在瀏覽器中不存在shadowdom功能。我不確定你期待什麼樣的答案。你能提供更多的細節嗎？ – karthick

+1

我想你已經試過這個，但是：你有服務器端的'gzip'嗎？你在webpack中有'uglify'嗎？ –

回答

0

所以在經過一番調查之後，問題是每個組件都在導入_mixins.sass，但mixin也在導入相當大的bootstrap-custom.sass文件。

解決方案是從_main.sass導入_bootstrap-custom.sass並從mixins.sass文件導入bootstrap-custom-variables.sass，因爲某些自定義mixin需要這些變量。

來源

2018-02-28 20:45:10

相關問題

 相關問題