FIS是什么

FIS

一、FIS是什么

FIS就是整合了现在基本前端构建工具的一个工具。

1、官方解释

FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。

二、FIS的功能

从官方对FIS的解释，我们可以看出，FIS能完成什么功能。

1、性能优化

性能优化，这个我们不用多说，就是对JS和CSS还有HTML，进行代码的压缩。

2、资源加载

资源加载，我们在开发前端的时候，引用的JS和CSS的路径，基本都是通过相对路径引用的。但是我们上线我们代码的时候，资源文件路径是要发生变化的，可能会变成资源的绝对路径。这样就需要我们整体替换我们的代码路径。FIS天然的集成了这个功能。

这个功能，在实际应用中，可能需要我们去维护一张静态资源的映射表，告诉我们具体怎么和生产环境映射。

这个功能在Gulp中也有体现，但是需要通过第三方模块去实现。
例如：我们之前构建日历项目的时候，就替换了JS和CSS的路径。

3、模块化开发

模块化，开发这个应该也不用多说，就是AMD和CMD开发规范，在FIS中，支持你通过require或者define的方式去加载JS

4、自动化工具

自动化工具，这个应该就是指的我们可以在前端的项目中，创建一个配置文件fis.conf,然后我们通过执行fis命令。来完成，对项目的JS和CSS,HTML的压缩，和资源映射关系的实际替换等工作。这个也就不多说了。

5、代码部署

可以直接向写好的前端代码，发布到服务器上，就不用我们自己手动上传了。

三、和Gulp对比一下

1、Gulp构建

我们看一下Gulp是如何实现自动构建前端项目的。
我们在项目目录下，首先也需要创建换一个gulp文件，告诉gulp如何构建这个工程。

从这个文件中，我们可以看到gulp基本也就是实现对了CSS，HTML,JS压缩。和对目录结构进行变更的一些功能。当然，如果我们引入更多的gulp插件的话，我们还可以实现更多的自动化功能。如JSHnit插件来对JS语法和格式进行校验。

看一下Gulp的代码格式

// 基本就是这样一个形式
glup.task(xxx)
然后，看一下FIS的

可以看出，2个前端构建工具还是很相似的。