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完成吗?
答案 0 :(得分:8)
您可以选择不同的导入选项。
语法:@import(keyword)" filename&#34 ;;
已实施以下导入指令:
- 参考:使用Less文件但不输出
- 内联:在输出中包含源文件但不处理它
- less:将文件视为Less文件,无论文件扩展名是什么
- css:将文件视为CSS文件,无论文件扩展名是什么
- 一次:仅包含文件一次(这是默认行为)
- multiple:多次包含文件
- 可选:在找不到文件时继续编译
每个@import允许使用多个关键字,您必须使用 逗号分隔关键字:示例:@import(可选, 参考)" foo.less&#34 ;;
docs中的更多信息。
答案 1 :(得分:-1)
回答我自己的问题; YES!
@import (less) url("../Css/site.css");