資源合并fis-postpackager-simple外掛程式的使用

標籤：

FIS預設只會進行檔案打包，不會對頁面中的靜態資源引用進行替換，這時可以利用fis-postpackager-simple外掛程式進行資源替換。

安裝：

npm install -g fis-postpackager-simple

開啟：

// fis-conf.jsfis.config.set(‘modules.postpackager‘, ‘simple‘);

設定打包規則：

規則：fis.config.set(‘pack‘, {‘?.js‘:[] , ‘?.css‘:[]});

//fis-conf.jsfis.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

資源合并fis-postpackager-simple外掛程式的使用