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

Question

我正在尝试与.LESS合作，并且遇到了与其他程序员的冲突，并试图在这里辨别出最佳用途。

基本上，争论的焦点在于正确使用@import将无文件文件放在一起，这些文件无法自行编译。例如，假设以下..

variables.less

// some variables are defined here

reset.less

// variables are used here

compile.less

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

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

你们中有些人经验丰富的.less编码员对此事有何看法？什么是＆＃34;接受＆＃34;实践？

Answer 1

显然，什么是最佳实践＆＃34;对于一家公司而言可能不会如此。但是，按照您的说法将它们拆分是一种非常常见的做法。 Bootstrap这样做。

如果有必要单独编译每个，但也希望模块化，那么你可以做的就是按照你的说法保留它，但也要在每个子模块中定义（如reset.less）和

@import-once "variables.less" 

一开始。这样，如果只是编译reset.less，它就可以正常工作，但在compile.less中，它只会执行import文件的初始variables.less，而不会执行子模块的任何后续调用