Skip to content

Less @import 语句

Less 中,可以使用 @import 语句去导入外部的 .less 文件。同时提供了几个可选配置以产生不同的效果。

@import (option[,option]) './xxx.less';

传递多个选项配置,使用英文逗号隔开。

可选配置 / option

写在 @import 语句的 keyword 处。

reference

只使用文件中的定义,而不会输出一次里面的样式。

比如说一个样式文件为外部提供了对应的定义,如果不使用这个关键字(默认情况),那么在开发工具的样式表中可以看到为外部提供的样式定义声明了两次。

inline

包含源文件在输出中,但是不进行处理。

less

将导入文件作为 less 文件对待,无论文件的扩展名是什么。

CSS

将导入文件作为 less 文件对待,无论文件的扩展名是什么。

once(默认值)

默认情况,仅导入文件一次。文件被导入后,后续的导入该文件语句会被忽略。

multiple

导入文件多次。

optional

未找到要导入的文件时继续编译,而不是报错(默认情况)。