Fis3 && webpack

FIS3

FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。

常用功能

• 资源提取。–从一推资源中提取指定的，发布到指定目录。
• 资源压缩。
• 资源版本号防止缓存。

常用配置

资源提取

fis-conf.js

fis.match('*.{html,htm,tld,jsp,xml,inc,txt,md,java,properties,mar,list,aar,ftl,classes,doc,url,zip,php,db,json}', {
  release : false
});

fis.match('*.{gif,jpg,jpeg,png,ico,swf,ttf,TTF,js,css}',{
  release : '/a/b/$0'
});

map.json

FIS 识别 __RESOURCE_MAP__ 关键字替换为静态资源版本信息

__RESOURCE_MAP__

资源发布

fis-conf.js

fis.media('test').match('*.{css,js}',{
  useHash: false
});

fis.media('test').match('*.{gif,jpg,jpeg,png,ico,swf,ttf,js,css,json}',{
  useMap: true,
  release: '/a/b/$0'
});

fis.media('pro').match('*.css',{
  useHash: true,
  optimizer: fis.plugin('clean-css')
});

fis.media('pro').match('*.js',{
  useHash: true,
  optimizer: fis.plugin('uglify-js')
});

fis.media('pro').match('*.{gif,jpg,jpeg,png,ico,swf,ttf,js,css,json}',{
  useMap: true,
  release: '/a/b/$0'
});

map.json, 可以改名字，后续生成的对应关系就在对应文件中

__RESOURCE_MAP__

常用命令

fis3 release test -d ../c/d

webpack

webpack工程demo

详见

对应资料

详见