css - 导入 LESS w/out 创建其单独的 CSS 输出文件

Question

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

我有两个 LESS 文件，比如说，file1.less 和 file2.less。 file1.less 包含 file2.less 的导入。文件被编译成 .css OK 所以我有 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 与正文{ 字体大小:100%； 正文{ 背景颜色:#ffffff; }

和

file2.css with body { background-color: #ffffff; }(重复!!!)

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

Answer 1

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

Winless 监视文件夹和子文件夹的修改(在 .less 文件中)，并根据您定义为 Bootstrap 的文件创建“.css”。