从SASS/LESS文件重构和删除未使用的CSS

Question

我正在开发一个大的单页面应用程序[backbonejs和rails],其作为CSS预处理器具有LESS,并且生成的.css文件已经发展到如此程度,以至于对于IE,我们必须将其分成3个文件,其中包含http:// blesscss .COM /

虽然有工具可以检测未使用的css和linting css,但我无法找到直接从未编译文件重构LESS/SASS文件的正确解决方案,而不是单个大型生成的.css文件.

想知道做这些任务的最佳方法是什么？

提前致谢 !

Answer 1

1. 要查找和删除未使用的CSS,请使用Uncss作为Grunt和Gulp的任务
2. 用于在SASS/LESS代码中查找未使用的变量 - 像这样的一些脚本.
3. 对于调试源文件而不是一个生成的css- source映射
4. 要缩小代码,请使用压缩输出样式
5. 要在您的css中自动添加浏览器的供应商前缀,请使用Autoprefixer
6. 通常 - 为您的CSS 提供Grunt或Gulp构建

PS:有些链接只适用于SASS- for Less,有类似的解决方案很容易找到.

Answer 2

我正在使用 koala 进行缩小并结合 SASS、LESS、CSS、JS

请参阅考拉和文档