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

Question

我正在开发一个大型的单页应用程序 [backbonejs 和 rails]，它具有 LESS 作为 CSS 预处理器，并且生成的 .css 文件已经增长到这样的程度，以至于对于 IE，我们必须拆分用http://blesscss.com/将它分成3个文件

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

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

提前致谢！

Answer 1

1. 要查找和删除未使用的 CSS，请使用 Uncss，它已作为 Grunt 和 Gulp 的任务实现
2. 用于在您的 SASS/LESS 代码中查找未使用的变量 - 一些脚本，例如 this one。
3. 对于调试源文件而不是一个生成的 css-source maps
4. 要缩小代码，请使用compressed output styles
5. 要在您的 CSS 中自动为浏览器添加供应商前缀，请使用 Autoprefixer
6. 通常 - 为您的 css 提供 Grunt 或 Gulp 构建

P.S.：一些链接仅适用于 SASS-对于 Less，有类似的解决方案很容易找到。

Answer 2

我正在使用考拉来缩小和组合 SASS、LESS、CSS、JS

see koala 和 Docs