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