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

Question

根据这个问题，可以从 less v.1.4.0 导入 css 文件。
我尝试使用gulp-less任务，但它不工作。
有什么方法可以像这样导入 css 文件：@import "../spritesheet.css";with nodeJS gulp?

Answer 1

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

允许的关键字是：

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

Lesscss.org - 导入选项

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

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