将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）＆＃34; filename＆＃34 ;;

     

已实施以下导入指令：

     

  
• 参考：使用Less文件但不输出
  
• 内联：在输出中包含源文件但不处理它
  
• less：将文件视为Less文件，无论文件扩展名是什么
  
• css：将文件视为CSS文件，无论文件扩展名是什么
  
• 一次：仅包含文件一次（这是默认行为）
  
• multiple：多次包含文件
  
• 可选：在找不到文件时继续编译
  

     

每个@import允许使用多个关键字，您必须使用   逗号分隔关键字：示例：@import（可选，   参考）＆＃34; foo.less＆＃34 ;;

docs中的更多信息。

Answer 2

回答我自己的问题; YES！

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