grunt-contrib-less 中的 compress 和 cleancss 选项有什么区别？答案

【问题标题】：What is the difference between compress and cleancss options in grunt-contrib-less?grunt-contrib-less 中的 compress 和 cleancss 选项有什么区别？
【发布时间】：2013-12-03 11:43:22
【问题描述】：

队友，

我正在使用 grunt-contrib-less 来编译所有 less 文件。我发现两个选项对我做同样的事情。

compress: true

和

cleancss: true

这两个选项有什么区别？有什么我想念的吗？我应该同时使用还是只使用任何一个？

【问题讨论】：

标签： css less gruntjs

【解决方案1】：

cleancss-option 根据the documentation 使用npm-package clean-css，而我的猜测是compress 直接传递给less-compiler 以让它处理压缩/压缩。

由于我在grunt-contrib-less-package 中看不到对clean-css 的任何依赖项，因此我假设如果您想使用该选项，您需要使用npm install clean-css 自己安装它。

【讨论】：

我不必单独安装那个 clean-css，但它可以工作，因此我想知道。将“压缩”传递给更少的编译器是什么意思？你有什么推荐的读物吗？
如果你查看source for grunt-contrib-less，你会发现它使用less-package 来进行实际的编译。如果你再看看lesscss.org，你会发现less-compiler接受了一个名为compress的参数。
clean-css 是 less 的依赖项，但是我真的不能让它工作。

【解决方案2】：

您不能同时使用两者，因为文档告诉您compress 通过删除一些空格来压缩输出。如果您想要更多涉及的缩小，您应该使用 Clean CSS 选项。 compress 选项内置在 Less 编译器中，clean-css 是单独的包。

目前，Clean CSS 选项还会去除（或不插入）/*# sourceMappingURL= 注释。请参阅：https://github.com/less/less.js/issues/1656

Less 编译器还可以通过 clean-optiongrunt-contrib-less 来清理 css 的选项似乎不支持此选项。

【讨论】：