fis--fis-config.js
//Step 1. 取消下面的注释开启simple插件,注意需要先进行插件安装 npm install -g fis-postpackager-simple
设置完pack后,FIS默认只会进行文件打包,不会对页面中的静态资源引用进行替换,我们可以通过引入后端静态资源管理来加载打包模块。不过也可以利用fis-postpackager-simple插件,可以自动将页面中独立的资源引用替换为打包资源。
fis.config.set(‘modules.postpackager‘, ‘simple‘);
//通过pack设置干预自动合并结果,将公用资源合并成一个文件,更加利于页面间的共用
//Step 2. 取消下面的注释开启pack人工干预
fis.config.set(‘pack‘, {
‘pkg/lib.css‘: [
‘/lib/normalize/3.0.2/**.css‘
],
‘pkg/lib.js‘: [
‘/lib/zepto/1.0.1/zepto.js‘,
‘/lib/zepto/1.0.1/zTouch.js‘,
‘/lib/make_thumb/1.01/**.js‘,
‘/lib/avalon/1.38/**.js‘
],
‘pkg/comp.css‘: [
‘/comp/**.less‘,
‘/comp/**.css‘
],
‘pkg/comp.js‘: [
‘/comp/**.js‘
],
‘pkg/widgets.css‘: [
‘/src/m/widgets/**.less‘,
‘/src/m/widgets/**.css‘
],
‘pkg/widgets.js‘: [
‘/src/m/widgets/**.js‘
],
‘pkg/page.css‘: [
‘/src/m/pages/base/**.css‘,
‘/src/m/pages/base/**.less‘
],
‘pkg/page.js‘: [
‘/src/m/pages/base/com.js‘
]
});
//Step 3. 取消下面的注释可以开启simple对npm install -g fis-postpackager-simple
//fis.config.set(‘settings.postpackager.simple.autoCombine‘, true);
//使用fis-parser-less插件编译less文件
fis.config.set(‘modules.parser.less‘,‘less‘);
//less文件经过编译后输出为css文件
fis.config.set(‘roadmap.ext.less‘,‘css‘);
//使用fis-parser-jade插件编译jade文件
fis.config.set(‘modules.parser.jade‘, ‘jade‘);
//jade文件经过编译后输出为html文件
fis.config.set(‘roadmap.ext.jade‘, ‘html‘);
//配置FIS中使用csssprites
fis.config.set(‘modules.spriter‘, ‘csssprites‘);
//为所有样式资源开启csssprites
fis.config.set(‘roadmap.path‘, [
{
reg: ‘**.less‘,
useSprite: true
},
{
reg: /\/src\/m\/pages\/(.*\.jade)$/i, //设备版
//reg: /\/src\/mobile\/pages\/(.*\.jade)$/i, //微信端
release: ‘/page/$1‘
}
]);
//设置css sprites的合并间距
fis.config.set(‘settings.spriter.csssprites‘, {
//图之间的边距
margin: 10,
//使用矩阵排列方式,默认为线性`linear`
layout: ‘matrix‘,
//设置了scale,则规则不允许写background-size
scale: 0.5
});
fis.config.merge({
roadmap : {
//线上↓
domain : "路劲"
}
});
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。