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