html - Purifycss 不删除未使用的 css 类

Question

我有这段代码试图删除类 hello3：

var purify = require('purify-css');
    var content = '<div class="hello"></div><div class="hello2"></div>';
    var css = '.hello { color: green; } .hello3 { display: block; }';

    var options = {
      output: 'purified.css',

      // Will minify CSS code in addition to purify.
      minify: true,

      // Logs out removed selectors.
      rejected: true
    };

    purify(content, css, options);

pure.css 中的输出与变量 css 相同：

.hello { color: green; } .hello3 { display: block; }

如何解决？

Answer 1

我进行了测试并确认 purify-css 不喜欢包含数字的类名。

我的命令...purifycss css/main.css page1.html --out css/purified.css --info --rejected拿走了我的 main.css 文件并将其不完全地纯化为：

.page1-h1 {
  color: red;
}
.page2-h1 {
  color: blue;
}

这包括一个未使用的类 (.page2-h1)。但是当我重命名我的类名以便其中没有数字字符然后再次运行相同的命令时，得到了我期望的 main.css，它只包含：

.pageone-hone {
  color: red;
}

这似乎也是一个已知问题。