FIS-前端工具框架（自动化工具、性能优化、资源压缩、资源合并）

公司使用FIS来对前端资源进行管理，经常使用于资源压缩、资源合并、添加版本号（解决缓存问题）等。下面是记录了安装和经常使用的一些命令。

安装

1.首先安装nodejs，由于FIS使用Node.js开发，以npm包的形式发布。

 

2.安装fis。在命令行输入：npm install -g fis

 

3.启动fis（启动FIS的本地调试服务器功能对构建发布的项目进行预览调试）：fis server start

     本地调试服务器启动成功后，就会自动打开 http://127.0.0.1:8080 ，可是此时服务器内没有任何内容。咱们还须要经过FIS发布DEMO项目才能进行预览

 

4.进入目录并发布项目：

     cd fis-quickstart-demo #进入DEMO目录

     fis release

fis release 命令会将编译后的项目发布至本地调试服务器，再次刷新浏览器页面，咱们就能够到fis-quickstart-demo项目的主页了。

 

 

资源压缩：

资源压缩一直是前端项目优化中很是重要的一环，使用FIS咱们无需任何配置，只须要一个命令就能够完成压缩工做。

 

fis release --optimize

若是以为参数输入比较麻烦，实际上也支持参数缩写，更多的参数能够参考 fis release -h 或命令行。

 

fis release -o

FIS构建并不会修改源代码目录中的内容，而是拥有独立的产出的目录，FIS默认的产出目构录能够经过 fis server open 打开，你也能够经过 fis release -d <path/to/output> 指定你但愿的输出目录，详情能够参考FAQ

 

<path/to/output> 你想输出到的文件夹路径，你能够随意指定，好比 ./output、../output、D:\output。例如： fis release -d ./output

 

查看一下网站的静态资源，咱们会发现脚本、样式、图片资源都已经压缩完成。无需额外的插件和配置编写，一条命令就完成了压缩工做，是否是很是方便快捷？

 

FIS默认会调整全部资源引用的相对路径为绝对路径，若是只是单纯的但愿对项目的脚本、样式、图片进行压缩，不但愿对资源引用地址作调整，能够直接使用基于FIS封装的spt。

 

添加文件版本（md5戳）

FIS可以根据静态资源的内容自动生成文件版本，自动更新资源引用路径，解决缓存更新问题，告别手动更新时间戳。

 

咱们经过开启 --md5 参数，为项目中的静态资源添加md5版本号

 

fis release --optimize --md5 # fis release -om

刷新页面，咱们能够看到全部资源均加上了md5版本号

 

 

资源合并

安装资源合并的插件：npm install -g fis-postpackager-simple

 

以上只是记录了一些经常使用的。

FIS还有不少其余功能，也能够用于插件的开发，具体参考官网：

http://fex.baidu.com/fis-site/docs/beginning/getting-started.html