带有 sass 的角度构建尺寸很大答案

【问题标题】：angular build size with sass is huge带有 sass 的角度构建尺寸很大
【发布时间】：2017-11-15 11:34:01
【问题描述】：

所以，我正在开发大型应用程序，所有组件都有自己的 sass 文件样式（我们使用 ViewEncapsulation.Native），但我构建 npm run build --stats-json --prod --aot 并使用 https://chrisbateman.github.io/webpack-visualizer/ 检查统计信息我明白了

右边那些橙色的大块都是 sass.shim.ngstyle.ts 文件，每个都像 195k ！

【问题讨论】：

@KevinNielsen。这些是在浏览器中不存在 shadowdom 功能时所需的 polyfill。我不确定你期待什么样的答案。你能提供更多细节吗？
我想你已经尝试过了，但是：你在服务器端有gzip 吗？你在 webpack 中有 uglify 吗？

标签： angular sass

【解决方案1】：

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

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

【讨论】：