工具篇-利用fis压缩项目

Posted 2020-06-20

fis3

 

1、添加 fis-conf.js 到项目根目录中

  fis-conf.js 内容如下 ：

//配置MD5版本控制
fis.match(‘*.{js,css,png,jpg}‘, {
  useHash: true
});

fis.match(‘*.js‘, {
  // fis-optimizer-uglify-js 插件进行压缩，已内置
  // 压缩JS
  optimizer: fis.plugin(‘uglify-js‘)
});

fis.match(‘*.css‘, {
  // fis-optimizer-clean-css 插件进行压缩，已内置
  // 压缩CSS
  optimizer: fis.plugin(‘clean-css‘),

//开启合并雪碧图功能
  useSprite: true

});

fis.match(‘*.png‘, {
  // fis-optimizer-png-compressor 插件进行压缩，已内置
   // 压缩PNG
  optimizer: fis.plugin(‘png-compressor‘)
});

// 启用 fis-spriter-csssprites 插件
// 合并雪碧图
fis.match(‘::package‘, {
  spriter: fis.plugin(‘csssprites‘)
})

 

2、cd 目录

3、 fis3 release -r 目录

4、fis3 release -d 目录/output/   

5、fis3 server start

6、fis3 release -wL   （实时监控）