前言：FES.JS从2017年到今天的五年出生。它如何逐步成为一个良好的前端应用程序解决方案？
2017年，我加入了当前公司。工作内容是与客户服务业务相关的中间和后台应用程序。类似的开发每天逐渐变得无聊，因此我想获得一个框架以实现背景应用程序的快速开发。这是。
FES.JS视觉：
FES.JS最初仅位于中间和后台应用程序解决方案。现在，它不仅可以开发中备用应用程序，而且还可以开发H5成为通用前端应用程序解决方案。那么FES.JS可以进行哪种更改进行平稳而华丽的转换？
大多数中间和后端前端应用程序都需要处理这些事情：
当时，CLI工具非常受欢迎，例如团队中的Vue-CLI和MN。他们处理构建相关事物，而其他事情需要该项目来处理自己。然后，新的项目步骤是首先复制旧项目，更改代码，然后添加新功能。
然后提供一个框架，用于包装这些通用功能，统一的代码规范和代码组织方法，代码优化和升级到框架。用户根本不必担心它，而V1版本可以做到这一点。
设计思想
模块
从那时起，V1版本就诞生了。使用FES.JS比较建造房屋的开发和应用相当于给您一个粗糙的房屋。您只需要装饰
在V1版本迭代一段时间后，我们遇到了一些问题：
准备在V2版本中解决上述问题。
设计思想与V1版本一致。需要两个更改：1。@webank/fes@webank/fes -core and@webank/fes-ui.project startup，non -full -boistorized安装
模块
用法V2版本也将VUE从1.0升级到2.0，WebPack升级到4.0，带来了更好的开发体验。
在V2版本运行一段时间后，我们再次遇到一些问题：
为了解决这些问题，FES.JS首先需要增强扩展功能，以便插头支撑跑步和构造。第二个是粗糙房间的模式不再固定，而是粗糙房间的房间被抽象成插头，以便用户可以选择插头 - 形成粗糙的房间。
设计思想插头 - 机制：
在编译施工设备之前，每个插头可以读取文件，配置和环境变量。执行相应的逻辑后，运行时间代码将写入临时目录中，然后将运行时间代码依赖项添加到入口文件中。通过此方法，插件可以支持构建和运行时的扩展能力。这种体系结构，核心逻辑是插件的生命周期管理。
执行操作流程：
模块
构建的包装以及构建，路由，输入文件和操作插件的内容不包括任何相关的内容。因此，FES.JS已成为通用前端应用解决方案。
虚线中包含的插头是根据业务需求自由选择的。
插入
V3版本还将VUE升级到3.0，WebPack升级到5.0，进一步优化了开发体验。在同一时间，基于VUE3组件库FES-Design的新设计系统仍在探索。我希望将来，它可以为用户提供更好，更专业的企业产品设计系统。
开发V3版本时，WebPack刚刚发布了5.0。考虑到生态学，我们继续使用webpack作为构建器来构建围绕webpack的相关逻辑。last年，出现了前端圆圈的各种构造仪，例如Esbuilder，vite，vite，tsc等。在体验Vite之后，我感到非常香。webpack根本无法播放。
包装中的设计思想设计中与WebPack相关的构造逻辑是在包装中剥离它们以形成一个新模块，同时，它基于建立逻辑的开发以形成一个新的模块。名称的名称是负责处理构建逻辑的插件集，该集合将首先加载。逻辑方法仍然基于插头机制。
模块
我不知道将来会变成什么fes.js。我知道FES.JS遵循适合它的趋势。
FES和FES设计是开源的，欢迎所有人体验。
费用：
地址：https：//github.com/webankfintech/fes.js
文档：https：//fesjs.mumblefe.cn/next
FES设计：
地址：https：//github.com/webankfintech/fes-design
文档：https：//fes-design.mumblefe.cn
原始：https：//juejin.cn/post/7101577777659219976