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.less导入其他 less 文件。 这些文件都导入utils.less ，其中包含有用的混合或变量。 执行此操作时，mixins 会在编译代码（css 文件）中重复。 每次导入一次utils.less ，即使你的 CSS 文件也应该是 1mb 而不是 20kb。 在这种情况下，您应该使用@import-once 。

编辑：

正如@TJ 所指出的，自 LESS 1.4.0 以来， @import-once已被删除，现在是@import的默认行为。

Answer 2

@import-once意思是“如果之前已经导入过，就不要再次导入”。 这样做是为了防止 CSS 样式重复。