工具篇-利用fis压缩项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了工具篇-利用fis压缩项目相关的知识,希望对你有一定的参考价值。

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   (实时监控)

以上是关于工具篇-利用fis压缩项目的主要内容,如果未能解决你的问题,请参考以下文章

Windows系统下安装fis3

项目优化

前端优化html,js,css合并压缩

fis2的安装及使用

《web前端开发最佳实践》党建 摘要

前端工具简介 fis3,webpack