【问题标题】:Remove Unused CSS on Angular 9 build process在 Angular 9 构建过程中删除未使用的 CSS
【发布时间】:2020-07-26 08:03:56
【问题描述】:

我有一个 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 classesAngular CLI Webpack by AngularRU

我试图将所有内容都保留在 Angular 的构建过程中,避免 ng 弹出

在将 Angular 应用程序部署到生产环境时如何做?因为我很确定我不是第一个提出这个问题的人。

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

【问题讨论】:

  • 你找到解决办法了吗?

标签: angular webpack sass


【解决方案1】:

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

【讨论】:

猜你喜欢
  • 2020-09-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-08
  • 2020-09-04
  • 2020-07-07
  • 1970-01-01
  • 2016-10-30
相关资源
最近更新 更多