码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-11-19 16:37:44      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

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

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

标签:

原文地址:http://www.cnblogs.com/tinyphp/p/4977736.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!