<p>http://blog.csdn.net/jiangcs520/article/details/47336645</p><p><br /></p><p>http://fis.baidu.com/fis3/docs/beginning/release.html#%E4%BE%8B%E5%AD%90<br /></p><p></p><p>既然用的是百度的东西，开篇当然要附上<a target="_blank" href="http://fis.baidu.com/fis3/docs/beginning/intro.html">FIS百度官方文档链接</a></p><p>废话不多说，直入主题FIS</p><p>一、环境搭建</p><p>FIS基于node.js环境，安装nodejs（搜一搜，大把下载地址），安装完成之后重启计算机</p><p>重启完成后打开cmd，输入node，检验是否安装成功</p><p>最后当然是下载fis，进入cmd，输入：npm install -g fis 回车即可</p><p>二、fis-conf.js 配置文件（可直接空文件，略过即可）</p><p>用过grunt打包的，FIS配置真的是傻瓜式操作，果然是百度技术控风格。fis-conf.js文件甚至可以是个空文件。这里贴个作为参考</p><p><pre> // 设置图片合并的最小间隔 fis.config.set('settings.spriter.csssprites.margin', 20); // 取消下面的注释开启simple插件，注意需要先进行插件安装 npm install -g fis-postpackager-simple // fis.config.set('modules.postpackager', 'simple'); // 取消下面的注释设置打包规则 // fis.config.set('pack', { // '/pkg/lib.js': [ // 'js/lib/jquery.js', // 'js/lib/underscore.js', // 'js/lib/backbone.js', // 'js/lib/backbone.localStorage.js', // ], // // 取消下面的注释设置CSS打包规则，CSS打包的同时会进行图片合并 // // '/pkg/aio.css': '**.css' // }); // 取消下面的注释可以开启simple对零散资源的自动合并 // fis.config.set('settings.postpackager.simple.autoCombine', true); fis.config.set('project.exclude',['*.jpg','*.png']); </pre> </p><p>三、打包发布</p><p>还是进入cmd，然后进到前端项目路径下，例如：d:/work/web</p><p>最后进入令人颤抖的打包命令：fis release -o -d output</p><p>稍微解释一下，release就是发布的意思了，-o 压缩，-d(direction) 输出到目标文件夹output，如果需要对文件名进行md5操作，加参数-m，参数可合起来写成 -om</p><p>最后呢，所有的压缩文件都到d:/work/web/output下了，若需要更加细小的控制，请移步<a target="_blank" href="http://fis.baidu.com/fis3/docs/beginning/intro.html">FIS百度官方文档链接</a></p><p><br /></p><p>结语：fis对比grunt，配置省事很多，适合小白和各种高段位操作者。谢谢，如有不当之处，随意喷，反正我能选择~~不看。</p><br />