在前端开发中,很多人都会使用 Less 来处理 CSS,同时也会使用 fis3 来构建项目。而 fis-parser-less-hh 插件可以将 Less 编译成 CSS,同时兼容 fis3 的构建流程,方便我们进行前端开发。
安装
使用命令 npm install fis-parser-less-hh -D
来安装该插件。
配置
将以下配置添加到 fis-conf.js 文件中:
fis.match('**/*.less', { rExt: '.css', parser: fis.plugin('less-hh') });
使用
在项目中使用 Less,并运行 fis3 release
命令编译。
示例代码
-- -------------------- ---- ------- -- ----------- ------- -------- ---- - ----------------- ------- - -- - ---------- ----- ------ -------------- ----- -
编译后的 CSS 代码为:
-- -------------------- ---- ------- -- ---------- -- ---- - ----------------- -------- - -- - ---------- ----- ------ -------- -
指导意义
fis-parser-less-hh 插件使用简单,可以方便地将 Less 编译成 CSS,同时也兼容 fis3 的构建流程,方便我们进行前端开发。可以作为前端开发的必备工具之一。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6006737c890c4f727758416a