如何去掉多余的css样式

Question

最近想到一个问题：
使用BS作为前端框架，Grunt作为架构工具。
有没有办法在编译最终版本的时候，把多余的没有用到的css去掉呢？或者有没有什么思路可以优化，这样的话可以去掉不少多余的代码

Answer 1

这里有个工具uncss，你可以尝试一下
https://github.com/giakki/uncss
另外如果你是用gulp的使用@tommyZZM 在评论中提到的gulp模块
https://www.npmjs.com/package/gulp-uncss

Answer 2

Chrome -> Developer Tools -> Audit

代码审计, 能把unused css的选择器列出
然后写个小正则跑一次就可以了

Answer 3

提供下自己的工作实践，仅供参考。

CSS 通过 LESS 来写，一个模块相关的 CSS 都写在一起，不同的模块放到不同文件中，通过 @import 方式合并....
这样做了之后，要查找有哪些 CSS 是 HTML 中没有使用的，会比较方便。
然后，就手动来删除了。