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 选择器。每次用户与页面交互时，都会触发新的测试周期。

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

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