微众银行开源前端应用解决方案 Fes.js

Fes.js 是“快速、简单、健壮”的前端应用解决方案，包含 Fes-Cli、Fes-Core、Fes-UI 三部分。能够管理从开发到部署的全链路完成流程，提供模板项目、cli 命令行工具、丰富的 PC 端组件和一系列 API，提效中后台开发能力，让开发更专注的聚焦于业务逻辑。

Fes.js 开源项目 GitHub 地址： https://github.com/WeBankFinTech/fes.js

Fes.js框架

 Fes是一整套解决方案。包含fes-cli、fes-core、fes-ui三部分。
fes-cli是命令行工具，解决创建工程、开发调试、打包发布。
fes-core是框架核心，对Vue的API做了一些增强。建议先阅读学习Vue2.0，再阅读运行时框架。
fes-ui是一套基于Ant.design设计理念的PC端组件库。

使用场景

• 管理系统前端的高效开发

快速搭建项目环境，封装后台管理应用的常用模块；固定应用布局，让开发者只需要关心用组件搭建页面。

• 满足高质量和高稳定性运行

Fes.js 稳定的底层架构结合上层质量保障体系，配合整套经过线上验证的技术栈，可以保障应用上线稳定运行。

• 支持国际化版本

Fes-Core和Fes-UI支持了国际化能力，可以轻松实现管理台应用的国际化支持。

演化过程

在使用Vue开发管理台过程中，实现业务需求积累了一些相对通用的组件，经过重构让组件更通用后ui-webank组件库诞生。

使用组件库开发管理台应用，效率得到提升。但是其中依然有很多内容，例如布局、菜单、权限、接口请求能力是类似的，为何不把管理台应用中其他通用的能力抽象出来，实现一个框架封装这些能力呢？于是Fes.js诞生了。

Fes.js 核心设计原则是“让开发者少写”，愿景是 “Fast 、Easy、Strong”。
从功能上 Fes.js 分为 Fes-CLI、Fes-Core 和 Fes-UI 三部分，在开源前经历过一次大的架构变更 v1.0 版本 Fes-ClI 和 Fes-Core 同属于一个包，这样带来一些问题：

• Fes-CLI 和 Fes-Core 在同一个 npm 包，每次 Fes-Core 更新顺带更新 Fes-CLI 的版本，也就是用户需要重新全局安装一次fes命令；
• Fes-Core 强依赖 Fes-UI，在代码中使用了 Fes-UI 的 Message 组件，Fes-Core 的 package.json 写死 Fes-UI的版本。导致每次升级 Fes-UI 版本需要同时升级 Fes-Core 版本，用户需要重新安装 fes 命令。