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

Question

根据这个问题,可以从较少的v.1.4.0导入css文件.
我试图使用gulp-less任务,但它不起作用.
有没有办法像这样导入css文件:@import "../spritesheet.css";nodeJS gulp？

Answer 1

有几种方法可以在LESS中包含文件,具体取决于您需要使用的内容@import ([keyword]) "filename".

允许的关键字是:

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

Lesscss.org - 导入选项

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

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