运行 uncss 针对 Angular 模板?

Running uncss against Angular templates?

使用 uncss 我们可以从样式表中删除未使用的 css。它通过查看要部署的 html 文件并仅打包使用的 css 规则来工作。

Angular 4 具有应用条件 css 的指令,如下所示:

<li *ngFor="let todo of todos" [class.completed]="todo.complete">

有人知道是否有类似 uncss 的工具可以理解 [class.completed]="todo.complete"

我正在构建一个可以做到这一点的工具。虽然它仍处于测试阶段,但很乐意在您的应用程序中试用它。该工具使用 JavaScript 的片段来检测正在使用的 CSS 选择器。每次用户与页面交互时,都会触发新的测试周期。

服务器聚合结果。最后,该工具可以触发针对您的代码的拉取请求,以实际删除未使用的 CSS 一旦它评估可以安全删除选择器,也就是在 X 天内未使用。

如果你想尝试,去https://www.bleachcss.com