使用nodejs gulp在Less中导入.css文件

时间:2015-04-19 08:13:17

标签: css node.js less gulp gulp-less

根据this question,可以从较少的v.1.4.0导入css文件 我尝试使用gulp-less任务,但它无效 有没有办法导入这样的css文件:@import "../spritesheet.css";与nodeJS gulp?

1 个答案:

答案 0 :(得分:7)

根据您的需要,使用@import ([keyword]) "filename"可以通过多种方式在LESS中包含文件。

允许的关键字是:

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

Lesscss.org - Import Options

我不清楚你的用例是什么,但是如果你想在LESS文件中进一步使用spritesheet.css的内容(例如扩展spritesheet中定义的类),你需要{{1关键字。

如果您只想将(less)的内容包含在输出文件中而不从LESS文件中访问它们,请坚持使用spritesheet.css