在不创建单独的 CSS 输出文件的情况下导入 LESS

Question

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

我有两个 LESS 文件，例如 file1.less 和 file2.less。 file1.less 包含 file2.less 的导入。文件被编译成.css OK 所以我有file1.css 但问题是file2.less 除了在file1.css 中导入的内容外，还被编译成file2.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 与 body { font-size: 100%; } body { background-color: #ffffff; }

与

带有body { background-color: #ffffff; } 的file2.css（重复！！！）

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

Answer 1

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

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