angular - 针对 Angular 模板运行 uncss？

Question

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

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

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

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

Answer 1

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

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

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