检查CSS样式文件中不被使用样式
github地址:https://github.com/switer/DoverJS 使用方式可以作为命令行工具,也提供了NodeJS的模块接口。
用例
style.css
body {}
.btn {}
.unknow {}
#main div {}
.other a {}
index.html
<html>
<head></head>
<body>
<div class="btn"></div>
<div id="main">
<div></div>
</div>
</body>
</html>
对于index.html
,style.css
中的.unknow
.other a
的样式没被用到,怎样自动检查出来呢?
试试doverjs:
在命令终端使用
doverjs -s style.css -d index.html
在nodejs代码中使用
var dover = require('doverjs');
dover.cover({style:'style.css', html:'index.html'}, function (resp) {
//resp.....
});
或者把没用的删除了
dover.remove({style:'style.css', html:'index.html'}, function (resp) {
//resp.....
});
检查CSS文件中的样式在指定网址(可以为一个静态HTML文件)的使用情况。 支持动态脚本改变DOM的选择器。 支持伪类选择器。 支持一些CSS3特性的选择器。 可以检查@media中选择器。
4 回复
我是来支持二哥的。
用一下,添加了nodejs的api,你可以在用grunt构建的时候检查无用的css,哇咔咔
可惜没啥人。。
好上是没什么人上。。。