资源合并fis-postpackager-simple插件的使用

FIS默认只会进行文件打包，不会对页面中的静态资源引用进行替换，这时可以利用fis-postpackager-simple插件进行资源替换。

安装：

npm install -g fis-postpackager-simple

开启：

// fis-conf.js
fis.config.set('modules.postpackager', 'simple');

设置打包规则：

规则：fis.config.set('pack', {'?.js':[] , '?.css':[]});

//fis-conf.js
fis.config.set('pack', {
    '/pkg/lib.js': [
        'js/lib/jquery.js',
        'js/lib/underscore.js',
        'js/lib/backbone.js',
        'js/lib/backbone.localStorage.js'
    ],
    '/pkg/aio.css': '**.css'
});

使用：

fis release  --pack 

使用前后:

合并的css中，如果图片带有 ?__sprite，那么在进行pack合并时，这些图片也会合并到一张图片噢~

利用插件还可以对零散资源合并

//开启零散资源合并
fis.config.set('settings.postpackager.simple.autoCombine', true);

更多：https://github.com/hefangshi/fis-postpackager-simple