FIS3常用配置

FIS3常用配置：

 1 //作用：啟用 fis-spriter-csssprites 插件，便於對png圖片進行雪碧圖合併
 2 fis.match('::package', {
 3   spriter: fis.plugin('csssprites')
 4 })
 5 //作用：css文件png圖片進行雪碧圖合併以及對css進行壓縮
 6 fis.match('*.css', {
 7   useSprite: true,
 8   optimizer: fis.plugin('clean-css')
 9 });
10 //作用：啟用fis-optimizer-uglify-js 插件對JS壓縮
11 fis.match('*.js', {  
12   optimizer: fis.plugin('uglify-js')
13 });
14 // 作用：啟用fis-optimizer-png-compressor 插件對png圖片進行壓縮
15 fis.match('*.png', {  
16   optimizer: fis.plugin('png-compressor')
17 });
18 //作用：補全瀏覽器首碼
19 fis.match('*.css', {
20 preprocessor: fis.plugin('autoprefixer', {
21     "browsers": ["Android >= 2.1", "iOS >= 4", "ie >= 8", "firefox >= 15"],
22     "cascade": true
23 })
24 })
25 //作用：所有文件都使用相對路徑
26 fis.hook('relative');  
27 fis.match('**', { relative: true });
28 //作用：壓縮html
29 fis.match('*.html', {
30   //optimizer: fis.plugin('html-minifier')
31 });
32 //作用：scss文件編譯為css文件，註意node-sass需要的node版本是4.x！高版本的node不行！
33 fis.match('**/*.scss', {
34     rExt: '.css', // from .scss to .css
35     parser: fis.plugin('node-sass', {
36         //fis-parser-node-sass option
37     })
38 });
39 //作用：對js、css、png添加文件指紋
40 fis.match('*.{js,css,png}', {
41   useHash: true
42 });