Pack

打包、资源合并

修改 fis-conf.js 配置,添加 pack 配置

fis.config.set('pack', {
    '/pkg/lib.js': [
        'js/lib/jquery.js',
        'js/common/main.js',
    ]
});

上面的配置只会对对静态文件打包, 不会做对资源引用的替换

fis-postpackager-simple

fis-postpackager-simple插件是提供给纯前端应用的打包合并插件 安装插件

npm install -g fis-postpackager-simple

修改 fis-conf.js 配置

fis.config.set('modules.postpackager', 'simple');

使用

fis release --pack

自动打包

使用simple插件,我可以按页面进行自动合并资源文件,将没有通过 pack 设置打包的零散资源自动合并起来。 修改 fis-conf.js 配置

fis.config.set('settings.postpackager.simple.autoCombine', true);

使用

fis release --pack

图片合并

在FIS中,如果样式文件中引用图片时,添加了 ?__sprite query,那么将样式文件使用 pack 设置进行合并后,不仅仅会合并样式文件,还会将所有标识了合并的图片进行合并处理。

修改 fis-conf.js 配置,添加 pack 配置

fis.config.set('pack', {
    '/pkg/aio.css': '**.css'
});

使用

fis release --pack

命令简化

fis release -ompd ../out
//等于下面的命令参数组合
fis release  --optimize --md5 --pack -d ../out