角度构建大小与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文件。

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