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

Question

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

Answer 1

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

允许的关键字是：

  

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

Lesscss.org - Import Options

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

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