FIS3常用配置

FIS3常用配置：

//作用：启用 fis-spriter-csssprites 插件，便于对png图片进行雪碧图合并
fis.match('::package', {
  spriter: fis.plugin('csssprites')
})
//作用：css文件png图片进行雪碧图合并以及对css进行压缩
fis.match('*.css', {
  useSprite: true,
  optimizer: fis.plugin('clean-css')
});
//作用：启用fis-optimizer-uglify-js 插件对JS压缩
fis.match('*.js', {  
  optimizer: fis.plugin('uglify-js')
});
// 作用：启用fis-optimizer-png-compressor 插件对png图片进行压缩
fis.match('*.png', {  
  optimizer: fis.plugin('png-compressor')
});
  
//imagemin-jpegtran 插件进行jpeg压缩
//安装：https://www.npmjs.com/package/fis3-optimizer-imagemin-jpegtran npm i -g fis3-optimizer-imagemin-jpegtran
fis.match('*.jpg', {
  optimizer: fis.plugin('imagemin-jpegtran', {
      "progressive": true
  })
})
//作用：补全浏览器前缀
fis.match('*.css', {
preprocessor: fis.plugin('autoprefixer', {
    "browsers": ["Android >= 2.1", "iOS >= 4", "ie >= 8", "firefox >= 15"],
    "cascade": true
})
})
//作用：所有文件都使用相对路径
fis.hook('relative');  
fis.match('**', { relative: true });
//作用：压缩html
fis.match('*.html', {
  //optimizer: fis.plugin('html-minifier')
});
//作用：scss文件编译为css文件，注意node-sass需要的node版本是4.x！高版本的node不行！
fis.match('**/*.scss', {
    rExt: '.css', // from .scss to .css
    parser: fis.plugin('node-sass', {
        //fis-parser-node-sass option
    })
});
//作用：对js、css、png添加文件指纹
fis.match('*.{js,css,png}', {
  useHash: true
});