fis简单压缩、合并使用方法,fis基本使用

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-demofis-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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值