Less的导入@import特点

1，允许不在首行，可以在文档的任意位置

.main{
    margin: 0;
    padding: 0;
}

@import "./common.less";

2，根据导入文件不同的后缀进行不同的处理

（1）如果后缀是.css，他会被视为css文件且@import语句保持原样

（2）如果后缀是任何其他扩展名，都会被视为less导入

（3）如果没有后缀，则会附加.less并视为less导入

3，提供了多个扩展规则

• once - 默认行为。表示仅导入一次，后续的导入语句会被忽略
• multiple - 与once相反，允许多次导入同名的文件

        例如：@import (multiple) "common.less";

• reference - 导入文件，但是如果不引用，则不编译输出。
• less - 将导入的文件都视为less，且不考虑扩展名

        例如：@import (reference) "common.css";

• css - 将导入的文件都视为常规的css，且不考虑扩展名。即保持原样
• optional - 仅在文件存在时导入该文件。默认情况下，如果less导入了不存在的文件时会抛出异常FileError并停止编译

4，支持多个扩展规则并用

例如：@import (less, optional, reference) "common.less";