import - 正确使用：在 LESS 中使用 @import 将依赖文件放在一起

Question

我正在尝试使用 .LESS 进行一些工作，并且遇到了与其他程序员的冲突，并试图在这里找出最佳用途。

本质上，争论是关于正确使用 @import 来将无法自行编译的 .less 文件组合在一起。例如，假设以下..

变量.less

// some variables are defined here

// variables are used here

@import("variables.less")
@import("reset.less")

现在，如果您尝试 compile reset.less，它将失败。因为它需要来自variables.less. 对我们中的一个人来说，这非常好，因为它允许我们将项目模块化。但另一个不同意，因为他们声称每个文件都应该独立。

你们中一些更有经验的.less编码人员对这个问题有什么看法？什么是“接受”实践？

score 2 · Accepted Answer

显然，对于一家公司而言，“最佳实践”对于另一家公司而言可能并非如此。但是，按照您的说明将它们分开是一种非常常见的做法。Bootstrap就是这样做的。

如果有必要能够单独编译每个，而且还希望模块化，那么您可以做的就是按照上面的说明保留它，但还要在每个子模块（如reset.less）中定义一个

@import-once "variables.less"

一开始。这样，如果一个人只是编译reset.less它就可以工作，但compile.less它只会做文件的初始import部分，variables.less而不是来自子模块的任何后续调用。