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);

purified.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;
}

这似乎也是known problem。

Purifycss不删除未使用的css类

1 个答案: