角度构建大小与sass是巨大的

Question

所以,我正在大应用程序,所有组件都具有自己的SASS文件风格(我们使用ViewEncapsulation.Native),但我建立npm run build --stats-json --prod --aot并检查与统计https://chrisbateman.github.io/webpack-visualizer/我得到这个

右边所有那些大橙色集团都是sass.shim.ngstyle.ts文件,每个文件都像195k!

Answer 1

因此，经过一番调查后，问题是每个组件都在导入，_mixins.sass但 mixins 也在导入bootstrap-custom.sass尺寸相当大的文件。

解决方案是_bootstrap-custom.sass从_main.sass和bootstrap-custom-variables.sass从mixins.sass文件导入，因为一些自定义 mixin 需要这些变量。