FIS3常用配置

2018-06-24 01:11:09来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:什么是CSS

下一篇:HTML之元素分类(HTML基础知识)