少CSS语句@import once有什么好处？

即使在阅读之后，我也不理解@import-once语句的含义。

@import-once

的意思是“如果以前已经导入过，请不要再次导入”。这样做是为了防止CSS样式的重复。

当您使用较少的样式时，您可以拥有较少的文件（我有12个，包括媒体查询、重置等），有时您无法控制在文件之间执行了多少次

@import

，这就是

@import once

的原因，避免风格重复

我应该在什么时候使用

@import one

而不是

@import

？ 假设您有

main.less

，它导入其他较少的文件。这些文件都导入包含有用的mixin或变量的

utils.less

。执行此操作时，mixin会在编译代码（css文件）中复制。每次导入

utils.less

一次，即使您的CSS文件也应该是1mb而不是20kb。在这种情况下，您应该使用

@导入一次

编辑：

正如@TJ所指出的，由于LESS 1.4.0，删除了

@import once

，现在是

@import

的默认行为，从LESS 1.4.0版本开始，删除了@import once，现在是@import的默认行为。