//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中使用cssspritesfis.config.set(‘modules.spriter‘, ‘csssprites‘); //为所有样式资源开启cssspritesfis.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 : "路劲" }});
时间: 2024-10-25 13:03:15