将CSS导入LESS

时间:2015-06-01 09:12:18

标签: css less

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完成吗?

2 个答案:

答案 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");