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）進行優化。