F.I.S初探（前端工程化）_html/css_WEB-ITnose

// 设置图片合并的最小间隔

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.merge({

roadmap : {

path : [

{

//所有widget目录下的js文件

reg : 'widget/**.js',

//是模块化的js文件（标记为这种值的文件，会进行amd或者闭包包装）

isMod : true,

//默认依赖lib.js

requires : [ 'lib.js' ],

//向产出的map.json文件里附加一些信息

extras : { say : '123' },

//编译后产出到 /static/widget/xxx 目录下

release : '/static$&'

},

{

//所有的js文件

reg : '**.js',

//发布到/static/js/xxx目录下

release : '/static/js$&'

},

{

//所有的ico文件

reg : '**.ico',

//发布的时候即使加了--md5参数也不要生成带md5戳的文件

useHash : false,

//发布到/static/xxx目录下

release : '/static$&'

},

{

//所有image目录下的.png，.gif文件

reg : /^\/images\/(.*\.(?:png|gif))/i,

//访问这些图片的url是 '/m/xxxx?log_id=123'

url : '/m/$1?log_id=123',

//发布到/static/pic/xxx目录下

release : '/static/pic/$1'

},

{

//所有template目录下的.php文件

reg : /^\/template\/(.*\.php)/i,

//是类html文件，会进行html语言能力扩展

isHtmlLike : true,

//发布为gbk编码文件

charset : 'gbk',

//发布到/php/template/xxx目录下

release : '/php/template/$1'

},

{

//前面规则未匹配到的其他文件

reg : /.*/,

//编译的时候不要产出了

release : false

}

]

}

});