码迷,mamicode.com
首页 > 其他好文 > 详细

FIS3中使用less

时间:2015-11-19 22:26:15      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:

安装插件:

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

 

FIS3中使用less

标签:

原文地址:http://www.cnblogs.com/tinyphp/p/4979049.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!