css - LESS CSS 声明@import-once 有什么用？

Question

即使在阅读https://github.com/cloudhead/less.js/issues/212之后，我也不明白 @import-once 语句的含义。

Answer 1

当您使用 LESS 时，您可以少一些文件（我有 12 个，包括媒体查询、重置等），有时您无法控制在文件之间完成了多少@import，这就是背后的原因@import-once，避免样式重复。

@import-once我应该什么时候使用@import？

假设您有main.lesswhich 导入其他较少的文件。并且这些文件都导入utils.less了包含有用的 mixin 或变量。执行此操作时，mixin 会在编译的代码（css 文件）中重复。每次utils.less导入一次，即使您的 CSS 文件也应该是 1mb 而不是 20kb。在这种情况下，您应该使用@import-once.

编辑：

正如@TJ 所指出的，自 LESS 1.4.0 以来，@import-once已删除，现在是@import.

Answer 2

@import-once仅表示“如果之前已经导入，则不要再次导入”。这样做是为了防止 CSS 样式的重复。