写网页的时候用的bootstrap,可是写到后面发现用到的bootsrap的样式并不多,可是抛弃boostrap的话,更改起来又有点麻烦,现在有没有css的分析优化工具,可以找到网页中用到了哪些样式,然后把没有用到的自动删除掉。
有一个uncss项目,题主可以试用一下。
uncss
grunt-uncss
gulp-uncss
这个项目的思路大致如下:
使用PhantomJS加载页面并执行页面中的JS代码
从页面中解析出外链的CSS文件
合并这些CSS文件,并用css-parse进行解析
使用document.querySelector来过滤出那些未在页面中找到对应元素的选择器
剩下的规则就是我们需要的了
但是这样存在一个问题,如果一个用户点击了某个地方弹出了一个对话框,但如果页面加载完的时候不存在这个对话框,就有可能出现样式被误删的情况。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。