【问题标题】:Angular 8/Sass: Find unused css classesAngular 8/Sass:查找未使用的 CSS 类
【发布时间】:2020-03-11 16:15:40
【问题描述】:

我有一个使用 Angular+Sass 的 Angular 项目,由于项目变得相当大,我不断地发现需要删除的未使用的小型 css 类。我正在尝试找到一种方法将它们全部删除,但现在没有任何帮助。

我尝试了 purifycss 没有给我任何输出或错误,ngx-unused-css 我无法让它工作,因为它有一个框架错误(路径必须是字符串而不是未定义),我觉得我出去了选项,以及不显示任何 css 文件的 Chrome 的覆盖范围,以及外部站点不是一个选项,因为它们无法访问已部署的项目位置。

是否有某种工具或选项可用于查找 Angular/Sass 中所有未使用的类?

【问题讨论】:

  • 这能回答你的问题吗? Can angular-cli remove unused css?
  • 这不是已经构建的版本中的所有功能吗?我正在寻找一些工具,它可以在任何建筑之前扫描我的文件,并为我提供一些信息以覆盖已使用和未使用的内容,因此我可以自己删除这些类(或者该工具可以删除它们)我正在尝试消除 css在完成任何缩小之前直接从代码中获取。

标签: angular sass


【解决方案1】:

为此有很多 IDE 插件。

就我而言,我使用 Visual Studio Code Extensions 中的 https://marketplace.visualstudio.com/items?itemName=rcore.rcore-unused-css-classes

【讨论】:

  • 这工作得很好,即使它不是自动化的,你需要小心你删除的内容,因为它没有发现 ngClass 或 general.scss 类是有效的。但它完成了工作,现在我的 css 很干净。谢谢。
猜你喜欢
  • 2018-04-29
  • 1970-01-01
  • 2011-10-02
  • 1970-01-01
  • 2022-01-01
  • 2015-02-06
  • 1970-01-01
  • 1970-01-01
  • 2021-08-25
相关资源
最近更新 更多