logo标签列表

使用nodejs gulp导入.less文件中的.css文件

cssnode.jslessgulpgulp-less
8
根据这个问题，从less v.1.4.0版本开始可以导入css文件。
我尝试使用gulp-less任务，但它不起作用。
有没有办法在nodeJS gulp中像这样导入css文件：@import "../spritesheet.css";？
定义“不起作用”是什么意思？你想要实现什么目标？你需要访问在.css文件中定义的类以便在.less文件中重复使用吗？ - Stephan Muller
事件.js：72 抛出 er; // 未处理的 'error' 事件 ^ 错误： "../spritesheet.css" 的 @import 声明已损坏 - cheziHoyzer
1个回答
7
有几种方法可以在LESS中包含文件，具体取决于您的需求，使用@import ([keyword]) "filename"。
允许使用的关键字有：
  • reference：使用LESS文件，但不输出它
  • inline：将源文件包含在输出中，但不进行处理
  • less：将文件视为LESS文件，无论文件扩展名是什么
  • css：将文件视为CSS文件，无论文件扩展名是什么
  • once：只包含文件一次（这是默认行为）
  • multiple：多次包含文件
  • optional：在找不到文件时继续编译
Lesscss.org - Import Options 如果想在LESS文件中进一步使用的内容（例如扩展在spritesheet中定义的类），需要使用(less)关键字。
如果只想在输出文件中包含的内容而不需要从LESS文件中访问它们，请使用(inline)。
@import（内联）就是答案！谢谢！ - cheziHoyzer
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接