angular - 在 Angular 9 构建过程中删除未使用的 CSS

Question

我有一个 Angular 9 项目，我在angular.json > projects.projectName.architect.build.options.styles上添加了Bulma ，因此它将框架捆绑在 styles.css 上。问题是检查 Chrome 中的覆盖率我发现：

我自己尝试了 PurgeCSS 和 PurifyCSS，在“dist”文件夹上工作，并使用@angular-builders/custom-webpack集成它，但没有运气。

还尝试过：Angular 8/Sass: Find unused css classes and Angular CLI Webpack by AngularRU

我试图将所有内容都保留在 Angular 的构建过程中，避免ngject。

将 Angular 应用程序部署到生产环境时你会怎么做？因为我很确定我不是第一个提出这个问题的人。

预先感谢您提供任何线索来解决此问题。

标签： angularwebpacksass

Answer 1

您可以在构建之前使用ngx-unused- css 从您的应用程序中获取所有未使用的 css