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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了角度构建大小与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!

答案

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

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

以上是关于角度构建大小与sass是巨大的的主要内容,如果未能解决你的问题,请参考以下文章

vs2003:快速片段工具

这些角度电子邮件指令代码片段如何连接

关于SASS的一些碎碎念

scss SASS片段

scss Sass片段:响应视频

在没有Webpack的情况下从NPM模块解析Sass @import