什么是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导入其他较少的文件。这些文件都导入包含有用的mixins或变量的utils.less。当你这样做时，mixins在编译代码（css文件）中重复。每次导入utils.less时，即使您的CSS文件也应该是1mb而不是20kb。如果像这样，你应该使用@import-once。

修改

正如@TJ指出的那样，自LESS 1.4.0起，@import-once被删除，现在是@import的默认行为。

Answer 2

@import-once只是意味着＆＃34;如果之前已导入过，请不要再次导入＆＃34;。这样做是为了防止CSS样式的重复。