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

2024-05-12 02:03:45

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

fis简单压缩、合并使用方法，fis基本使用相关推荐

教你简单的合并视频方法，如何随机截取并合并成几段短视频？
随着短视频越来越流行,做短视频的小伙伴越来越多,很多小伙伴也会尝试各种各样的方法去合并视频.那么有什么比较简单的方法,可以批量随机截取并把视频合并成几段新的短视频呢?今天就跟我一起来学学合并的方法吧, ...
gulp,grunt,bower,feoman,fis 简单说明
一.grunt说明 (1)grunt网址: https://www.gruntjs.net/getting-started (2)说明: 自动化.对于需要反复重复的任务,例如压缩(minificati ...
简单的压缩图片的方法，压缩图片大小的步骤
我们在日常生活中也会遇到比较大的图片,比较大的图片文件比较麻烦,上传到网站论坛做头像都传不上去,大家可以将图片文件进行简单的压缩,然后进行上传,教给大家一种简单的压缩图片的方法. 1:先要将自己的图片 ...
Python 基础之 zipfile 文件夹压缩/解压方法的简单整理
Python 基础之 zipfile 文件夹压缩/解压方法的简单整理目录
java 视频压缩_视频压缩软件怎么压缩视频？教你快速压缩视频的方法
视频压缩软件怎么压缩视频?很多小伙伴喜欢把自己制作的视频发布到有关平台分享自己的作品,然而由于平台会对上传视频的大小进行限制,在文件过大的时候通常是不能上传视频的.此时就需要用视频压缩软件降低视频文件 ...
GIT将本地项目上传到Github（两种简单、方便的方法）
GIT将本地项目上传到Github(两种简单.方便的方法) 一.第一种方法: 首先你需要一个github账号,所有还没有的话先去注册吧! https://github.com/ 我们使用git需要先安 ...
Jpeglib使用指南, 各种压缩包的压缩和解压方法, 开源社区分裂史
http://antkillerfarm.github.io/ Jpeglib使用指南 1.问题的由来 Jpeg图片在图像处理领域已经用的相当广泛了.但在编程领域,尤其是嵌入式编程领域使用的还不是很广 ...
r语言合并多个csv文件_PDF合并怎么做？分享多个PDF文件合并的方法
PDF合并怎么做?我们在工作中经常会碰到多个散落独立的文件,当我们需要将它们整合在一起时该怎么办呢,是不是还有不少小伙伴会选择去打印店将文件打印出来再逐一校对?不用这么麻烦啦!只需要将这些PDF文件合 ...
git学习（10）:Git的使用--如何将本地项目上传到Github（两种简单、方便的方法）
将本地项目上传到Github(两种简单.方便的方法) 一.第一种方法: 首先你需要一个github账号,所有还没有的话先去注册吧! https://github.com/ 我们使用git需要先安装gi ...

最新文章

热门文章