1. 引入文件模式（Reference Imports）:
// 引入文件模式
@import (reference) "styles.less";
// 使用导入的样式
.my-element {
color: @main-color;
}
在这个例子中，@import (reference) 将 "styles.less" 文件引入为引用，这意味着该文件中的样式不会被直接输出到生成的 CSS 文件中，而是作为引用在当前样式表中使用。这可以用于将变量和混合等内容导入，而无需将整个样式输出。
2. 导入选项（Import Options）:
// 导入选项
@import (less) "styles.less";
// 使用导入的样式
.my-element {
color: @main-color;
}
在这个例子中，@import (less) 告诉 Less 编译器，要以 Less 格式处理 "styles.less" 文件。这可以用于导入其他支持的样式语言文件。
3. 单一导入（Once Imports）:
// 单一导入
@import (once) "styles.less";
// 使用导入的样式
.my-element {
color: @main-color;
}
使用 (once) 选项可以确保一个文件只被导入一次。如果其他文件尝试导入相同的文件，它将被忽略。
4. 异步导入（Async Imports）:
// 异步导入
@import (reference, async) "styles.less";
// 使用导入的样式
.my-element {
color: @main-color;
}
通过 (async) 选项，你可以使导入变成异步操作。这意味着在导入文件的同时，编译器将继续处理后续代码，而不会等待文件加载完成。
这些导入选项提供了更多控制导入行为的方式，可以根据需要选择合适的选项。
转载请注明出处：http://www.zyzy.cn/article/detail/4295