1、基本用法
fis install: 命令安装fis仓库提供的各种 组件、框架、示例、素材、配置等 开发资源。
fis release: 命令用于编译并发布的你的项目,拥有多个参数调整编译发布操作。
fis server: 命令可以启动一个本地调试服务器用于预览fis release产出的项目。
cd dir 进入目录
fis release 发布项目 (fis server open 可打开发布目录)
fis server start启动本地调试 (fis server clean 清空www发布目录的文件)
fis release -d ./output 在当前打包文在于output文件夹中
附:server的默认目录是在c盘下面,如果如要更改,可以自行设置系统环境变量 FIS_SERVER_DOCUMENT_ROOT
2、压缩
fis relsese -o 文件压缩
fis relsese -mo 压缩并添加md5戳
3、合并
合并通过pack配置一下fis-config.js 可手动创建内容如下:
fis.config.set('modules.postpackager','simple');
fis.config.set('pack', {
'pkg/common,common_extra,forum_viewthread.js': [
'/js/*.js'
],
'pkg/lib.css':[
"**.css"
]
});
在合并之前先安装$ npm install -g fis-postpackager-simple 这个插件,这个插件是在合并后对资源进行替换
fis relsese -mop 压缩合并并添加md5戳
官方fis-quickstart-demo的fis-config.js的内容
//Step 1. 取消下面的注释开启simple插件,注意需要先进行插件安装 npm install -g fis-postpackager-simple
// fis.config.set('modules.postpackager', 'simple');
//通过pack设置干预自动合并结果,将公用资源合并成一个文件,更加利于页面间的共用
//Step 2. 取消下面的注释开启pack人工干预
// fis.config.set('pack', {
// 'pkg/lib.js': [
// '/lib/mod.js',
// '/modules/underscore/**.js',
// '/modules/backbone/**.js',
// '/modules/jquery/**.js',
// '/modules/vendor/**.js',
// '/modules/common/**.js'
// ]
// });
//Step 3. 取消下面的注释可以开启simple对零散资源的自动合并
// fis.config.set('settings.postpackager.simple.autoCombine', true);
//Step 4. 取消下面的注释开启图片合并功能
// fis.config.set('roadmap.path', [{
// reg: '**.css',
// useSprite: true
// }]);
// fis.config.set('settings.spriter.csssprites.margin', 20);
另:DOS 清屏指令: cls , linux清屏指令: clear
其他详情参考fis官方
压缩html代码插件 https://github.com/BelinChung/fis-optimizer-html-minifier