1

我从一个无法维护的 LESS 文件变成了 style.less 中的以下内容：

@import "site/auth.less";
@import "site/suggestions.less";
@import "site/header+footer.less";
@import "site/home.less";
@import "site/info.less";
@import "site/profile.less";

因此，style.less只负责将所有单独的 less 文件一起编译成我的应用程序的单个 CSS 文件。

但是在每个这些较少的文件中，我在顶部都有以下行：

 @import "master.less";

其中包含其他每个 less 文件所依赖的所有公共变量、颜色、字体等。

这是有效的，但我有两个问题：

  1. 每次我对 进行更改时site/info.less，我都必须保存在该文件和style.less中，以触发重新编译。
  2. 我编译的 CSS 包含master.less6 次的内容。

我该如何解决这些问题？

4

1 回答 1

3

关于#2

LESS 1.5 现在允许引用导入，如下所示：

@import (reference) "master.less";

这只会导入文件以供参考，不会编译为 css。因此，您可以将其放在每个单独文件的顶部，而不必在您的 css 中显示 6 个版本。

当然，如果您确实希望它至少为您style.less的 . 但如果它实际上只是要引用的变量和事物，那么就不需要了。

关于#1

这个 SO answer可能会为您提供一些解决方案。

于 2013-11-09T01:15:06.617 回答