将CSS导入LESS

Question

LESS中是否有一个选项可以导入CSS文件的内容而不是添加@import指令？

例

//example.less
@import url("../Css/site.css");
@import url("components.less");

//example.css
@import url("site.css"); // I DON'T WANT THIS!
.component1 { ... }
.component2 { ... }

这可以用LESS完成吗？

Answer 1

您可以选择不同的导入选项.

语法:@import(keyword)"filename";

已实施以下导入指令:

• reference:使用Less文件但不输出
• 内联:在输出中包含源文件但不处理它
• less:无论文件扩展名是什么,都将文件视为Less文件
• css:无论文件扩展名是什么,都将文件视为CSS文件
• 一次:只包含一次文件(这是默认行为)
• multiple:多次包含该文件
• 可选:在找不到文件时继续编译

每个@import允许多个关键字,你必须使用逗号来分隔关键字:例如:@import(可选,引用)"foo.less";

更多信息在docs中.