gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-05 07:10:32 25 4
gpt4 key购买 nike

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

unused css coverage

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

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

我试图将一切都保留在 Angular 的构建过程中,避免 ng eject

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

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

最佳答案

请尝试使用PurgeCSS

PurceCSS 是一个众所周知的工具,它扫描构建的 CSS 文件的输出,并将使用它的启发式和提取器来删除未使用的 CSS - 主要归功于 Tailwind。

请参阅以下链接供您引用。

https://dev.to/dylanvdmerwe/reduce-angular-style-size-using-purgecss-to-remove-unused-styles-3b2k

关于angular - 在 Angular 9 构建过程中删除未使用的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61193378/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com