既然用的是百度的东西,开篇当然要附上FIS百度官方文档链接
废话不多说,直入主题FIS
一、环境搭建
FIS基于node.js环境,安装nodejs(搜一搜,大把下载地址),安装完成之后重启计算机
重启完成后打开cmd,输入node,检验是否安装成功
最后当然是下载fis,进入cmd,输入:npm install -g fis 回车即可
二、fis-conf.js 配置文件(可直接空文件,略过即可)
用过grunt打包的,FIS配置真的是傻瓜式操作,果然是百度技术控风格。fis-conf.js文件甚至可以是个空文件。这里贴个作为参考
// 设置图片合并的最小间隔
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']);
三、打包发布
还是进入cmd,然后进到前端项目路径下,例如:d:/work/web
最后进入令人颤抖的打包命令:fis release -o -d output
稍微解释一下,release就是发布的意思了,-o 压缩,-d(direction) 输出到目标文件夹output,如果需要对文件名进行md5操作,加参数-m,参数可合起来写成 -om
最后呢,所有的压缩文件都到d:/work/web/output下了,若需要更加细小的控制,请移步FIS百度官方文档链接
结语:fis对比grunt,配置省事很多,适合小白和各种高段位操作者。谢谢,如有不当之处,随意喷,反正我能选择~~不看。