LESS CSS语句@import-once有什么用？

Question

即使看完 https:/github.comcloudheadless.jsissues212。，我不明白@import-once语句的含义。

Answer 1

当你使用LESS工作时，你可以少一些文件（我有12个文件，包括media-queries、resets等），有时你无法控制文件的数量。@import 你在文件之间做了什么，这就是背后的原因。@import-once，以避免样式重复。

什么时候应该使用 @import-once 而是 @import?

假设你有 main.less 其中导入其他少文件。而这些文件都导入了 utils.less 中包含有用的 mixins 或变量。当你这样做时， mixins 会被复制到编译后的代码（css 文件）中。每一次 utils.less 导入，甚至你的CSS文件应该是1mb而不是20kb。在这种情况下，你应该使用 @import-once.

EDIT:

正如@TJ所指出的，自从LESS 1.4.0, @import-once 已被移除，现在是默认的行为 @import.

Answer 2

@import-once 简单来说就是 "如果之前已经导入了，就不要再导入了"。这样做是为了防止CSS样式的重复。