我让下面的代码尝试删除类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; }
如何解决?
发布于 2018-08-13 06:29:27
我运行了一个测试,并确认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。
https://stackoverflow.com/questions/42828925
复制