javascript - Grunt un-css 忽略 java-script 生成的 css

Question

我是新来的 grunt 并用于 java-script 和 css 放大。这只是一个很棒的工具。在探索了更多的咕噜声之后，我遇到了 uncss 模块，它可以帮助改善 css 的加载时间和大小（尤其是像 bootstrap css 这样的框架）。

我有 angular 和 php 应用程序，它有一个由 php 和 java-script 动态生成的类。在运行 uncss 时，这个 css 选择器将从生成的新 css 文件中删除。

我想我在安装 grunt 的 uncss 模块时已经安装了 phantom-js。

谁能知道我如何做到这一点。

Answer 1

如果您知道生成的 css 的选择器，则可以使用忽略选项：

uncss: {
  dist: {
    files: {
      'dist/css/app.css': ['app/index.html']
    }
  },
  options: {
    ignore: ['#ignoredselector', '.ignoredselector']
  }
}