导入LESS而不创建单独的CSS输出文件

Question

（我搜索了各种答案，但找不到任何相关内容。）

我有两个LESS文件，例如file1.less和file2.less。 file1.less包含file2.less的导入。文件被编译成.css确定所以我有file1.css但问题是file2.less除file2.css中的导入内容外还编译成file1.css。也就是说，我有file2.less的重复内容 - 在已编译的file1.css及其自己的file2.css中。 有没有办法让file2.less导入file1.less并且不创建自己的file2.css？ （如果重要的话，我使用WebStorm插件编译器。）

为了让视觉清晰，这就是我所拥有的：

file1.less（例如，包含body { font-size: 100%; }和“@import file2.less”）

file2.less（假设它包含body { background-color: #ffffff; }）

结果： file1.css with body { font-size: 100%; } body { background-color: #ffffff; }

和

带有body { background-color: #ffffff; }的

file2.css（重复!!!）

如何防止创建file2.css并将其导入file1？

Answer 1

这与您的编译器有关，而不是LESS问题。我自己从未使用过这个编译器，但如果您是Windows用户（或Mac上为http://winless.org/），我建议您使用less.app。

Winless监视文件夹和子文件夹以进行修改（在.less文件中），并根据您定义为引导程序的文件创建“.css”。