如何使用-O2选项优化更少的代码

Question

我found this answer关于如何编译较少的文件，优化（-O2）和压缩（-x）：

lessc -x -O2 path/to/assets/main.less > path/to/output.css

我全局安装了less（npm install -g less），但-O2似乎没有被解释为预期：

  

Unable to interpret argument O2 - if it is a plugin (less-plugin-O2), make sure that it is installed under or at the same level as less

如何解决此错误？

Answer 1

您对-02选项的期望是什么？它不再提供最新版本的Less。

From Less v1.5：

  

--------------------------不推荐----------------
    -O0，-O1，-O2设置解析器的优化级别。较低的                              数量，它将在中创建的节点越少                              树。这可能对调试很重要，或者如果您                              想要访问树中的各个节点。

-

  

我希望如果我这样做：h1 {font-weight：300; } h2 {font-weight：300; }， 然后   汇编，我有：h1，h2 {font-weight：300; }。这就是我理解-O2的原因   这样做。那有什么替代品吗？

我想知道-O2确实是这样做的。但是clean-css可以满足您的要求。

您可以在启用advanced选项的情况下尝试https://github.com/less/less-plugin-clean-css。

之后运行npm install less-plugin-clean-css您可以使用lessc file.less --clean-css="advanced"。

echo "h1 { font-weight: 300; } h2 { font-weight: 300; }" | lessc --clean-css="advanced" -

输出到控制台：

h1,h2{font-weight:300}

另请参阅：How to keep duplicate properties in compiled CSS file when use LESS?

由于Less编写自己的插件的第2版很容易，请参阅：http://lesscss.org/usage/#plugins-for-plugin-authors。您可以为任何后期处理编写插件，如压缩，缩小等，其他示例：https://github.com/less/less-plugin-autoprefix，https://github.com/bassjobsen/less-plugin-pleeease。

Answer 2

您可以安装旧版本

npm install less@1.5 -g

它是在Eclipse 4.4.2 for Windows中使用的解决方案。