所以,我正在开发大型应用程序,并且所有组件都有自己的sass文件样式(我们使用ViewEncapsulation.Native)但是我构建npm run build --stats-json --prod --aot
并使用https://chrisbateman.github.io/webpack-visualizer/检查统计信息此
右边所有那些大橙色集团都是sass.shim.ngstyle.ts文件,每个文件都是195k!
答案 0 :(得分:1)
所以在经过一番调查之后,问题是每个组件都导入了_mixins.sass,但是mixins还导入了相当大的bootstrap-custom.sass文件。
解决方案是从_main.sass导入_bootstrap-custom.sass并从mixins.sass文件导入bootstrap-custom-variables.sass,因为一些自定义mixin需要这些变量。