本文主要介绍 Grunt 插件 grunt-contrib-less 的使用方法,该插件可以将 LESS 文件编译成 CSS 文件。
安装
使用 npm 进行安装:
--- ------- ------------------ ----------
配置
在 Gruntfile.js 中配置 grunt-contrib-less 插件:
-------------- - --------------- - ------------------ ----- - -------- - -- ---- ---- -- ------- - ------ - -- ---- --- ------ ---- ---- - - - --- ----------------------------------------- ----------------------------- ---------- --
选项
在 options 中可以设置 LESS 编译选项,例如:
----- - -------- - --------- ----- -- ----- --- -- ---------- ----- -- -- ------ --- -- ------- - ------ - -------------------- --------------------- - - -
更多选项可以查看官方文档:https://github.com/gruntjs/grunt-contrib-less#options
示例
下面是一个简单的示例,将多个 LESS 文件编译成一个 CSS 文件:
----- - -------- - --------- ----- ---------- ----- -- ------- - ------ - -------------------- ------------------ ------------------ - - -
上面的配置将 a.less 和 b.less 编译成 style.css。
延伸阅读
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/40216