Question

以前从未这样做过，所以我的理解可能完全没有了。我知道LESS会优化和缩小你的CSS。那么...只是使用LESS或者你还应该如何缩小你的文件？

随意提出我不了解的其他差异。

Answer 1

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

示例：

CSS：

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

减：

@color: red;

p {
color: @color;
}

h1 {
color: @color;
}

如果您想使用yellow代替red，则只需立即更改@color: red;。

mixins相同，Less：

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

p {
.default-style();
}

h1 {
.default-style();
}

如果您不再需要默认样式的边框，则只需从border mixin中删除.default-style()属性。

Less不会缩小或优化您的（comiled）CSS代码。

从Less 2开始，您可以使用对已编译的CSS代码进行后处理的插件。这个插件可以缩小/压缩或优化您的代码。