FIS3中使用less

安裝插件：

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'
});