安装插件:
npm install -g fis-parser-less
npm install -g fis3-postpackager-loader
配置:fis-conf.js
使用fis-parser-less 插件进行解析,.less 文件后缀构建后被改成 .css 文件
fis.match('*.less', {
parser: fis.plugin('less'),
rExt: '.css'
})
less的打包:
//less转换为css fis.match('*.less', { parser: fis.plugin('less'), rExt: '.css' }); //将less转换出来的css与其他css合并 fis.match('*.{less,css}', { packTo: '/static/aio.css' });
比较粗暴的做法:给 loader 插件配置 allInOne 属性,那就是全部css合并为一个,不用指定packTo
fis.match('::package', {
postpackager: fis.plugin('loader', {
allInOne: true
})
});
//将less解析为css
fis.match('*.less', {
parser: fis.plugin('less'),
rExt: '.css'
});