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

时间:2017-06-13 15:27:45

标签: angular sass

所以,我正在开发大型应用程序,并且所有组件都有自己的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!

1 个答案:

答案 0 :(得分:1)

所以在经过一番调查之后,问题是每个组件都导入了_mixins.sass,但是mixins还导入了相当大的bootstrap-custom.sass文件。

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