前言: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