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



我正在开发一个大的单页应用程序[backbonejs和rails],该应用程序将LESS作为CSS预处理器,生成的.css文件已经增长到如此程度,对于IE,我们必须将其拆分为3个文件,http://blesscss.com/

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

想知道执行这些任务的最佳方法是什么?

提前感谢!

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

PS:有些链接仅适用于 SASS-对于更少,有类似的解决方案很容易找到。

我正在使用考拉缩小并组合SASS,LESS,CSS,JS

查看考拉和文档

最新更新