angular - 针对 Angular 模板运行 uncss?

标签 angular angular-material postcss uncss

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

关于angular - 针对 Angular 模板运行 uncss?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44036057/

相关文章:

javascript - Angular:带有 *ngClass 的条件类

Angular 2 Material 输入焦点不起作用

angular - 在动态 Material 表模板中显示嵌套对象

angular - 从 Angular 6 mat-selection-list 获取选定值的列表

Angular ionic 构建 : Cannot read property 'toLowerCase' of undefined postcss

typescript - 使用 Angular2 处理 404

typescript - 使用 angular2 组件(没有 forwardRef)实现递归结构?

Angular 垫自动完成: How to display the option name and not the value in the input

npm - 将 postcss 与 autoprefixer 一起使用并收到错误 - 'cannot find module'

node.js - 如何观看 .sss 文件并在它们发生更改时重新运行我的 npm 脚本