FIS 前端发布打包(入门)

既然用的是百度的东西，开篇当然要附上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，配置省事很多，适合小白和各种高段位操作者。谢谢，如有不当之处，随意喷，反正我能选择~~不看。

FIS 前端发布打包(入门)

猜你喜欢