使用nodejs gulp以更少的方式导入.css文件

Question

根据this question，可以从更少的版本1.4.0导入css文件。

我尝试使用gulp-less任务，但它不起作用。

有什么方法可以像这样导入css文件：@import "../spritesheet.css";和nodeJS gulp吗？

Answer 1

使用@import ([keyword]) "filename"有几种方法可以以更少的方式包含文件，这取决于您需要什么。

允许的关键字是：

• 引用:使用较少的文件，但不要输出它。
• 内联:在输出中包含源文件，但不要处理它。
• 减:将文件视为较少的文件，不管文件扩展名是什么。
• css:将文件视为CSS文件，不管文件扩展名是什么。
• 一次:只包含文件一次(这是默认行为)
• 多次:多次包含该文件
• 可选:在找不到文件时继续编译

Lesscss.org - Import Options

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

如果您只想将spritesheet.css的内容包含到您的输出文件中，而根本不想从较少的文件中访问它们，那么就坚持使用(inline)。