LESS优化与缩小CSS文件

Question

以前从未做过这件事，所以我的理解可能完全失效。我知道LESS可以优化和缩小你的CSS。所以...使用LESS更好还是应该如何缩小文件？

随意提出我不知道的其他差异。

Answer 1

少就是一个预处理器，它编译成静态CSS。 Less使您能够使用变量和mixin来帮助您编写DRY和可重用代码。

例子：

CSS：

p { 
color:red; 
} 
h1 { 
color: red; 
} 

减：

@color: red; 

p { 
color: @color; 
} 

h1 { 
color: @color; 
} 

如果你想使用的yellow代替red你只需要改变@color: red;现在。

同为混入，减：

.default-style() { 
color: @color; 
border: 1px solid black; 
} 

p { 
.default-style(); 
} 

h1 { 
.default-style(); 
} 

如果你不需要为你的默认样式边框更多，你将只能从.default-style()混入删除border财产。

少不会缩小或优化您的（发送）CSS代码。

由于少了2，你可以使用后处理你编译的CSS代码的插件。这个插件可以缩小/压缩或优化您的代码。

例如使用clean-css（https://github.com/less/less-plugin-clean-css）进行压缩，并使用CSScomb（https://github.com/bassjobsen/less-plugin-csscomb）进行优化。