震坤行前端技术体系化演进之路

全网抖音运营求职招聘微信群 http://www.jpm.cn/article-124253-1.html

总第4篇,年第1篇

建议阅读:12分钟

体系化演进背景:

随着震坤行业务的高速发展,前端研发数量也扩张到了现在横跨北京、上海、武汉、深圳4地10+人的规模。业务快速演进,团队分散各地,前端领域框架技术又层出不穷,各个业务的前端研发团队在技术选择上没有明确的指导意见,致使业务与业务之间的技术差异越来越大,在技术工具研发上无法共建,在资源调度上成本也很高。

年下半年,前端团队发起了技术栈统一行动,通过调研业界技术发展趋势,及收集前端团队同学的意见进行归纳整理,结合各团队的情况,震坤行前端对于技术栈的选型达成了共识。本文将介绍震坤行的前端技术体系化的规划、落地以及背后的思考。年技术体系规划:震坤行前端技术体系将从开发,编译部署,质量监控三个方向深入描述技术体系的规划及落地的项目。年技术体系落地概述npm私库服务建立npm私有库基本已经成为了前端标配的包管理工具,开发在项目工作中可能会用到很多通用性的代码,例如通用框架、UI组件库、业务工具库等通过打包发布npm仓库来进行维护和托管代码,开源共享提升业务开发效率。考虑到一些和业务关系紧密的组件、框架的安全问题,私有npm包只对公司内部局域网开放,且速度比直接在npm下载包更快。平台提倡和鼓励开源共享以及精益求精的精神,在贡献技术产出时,既加强自身的技术深度和设计能力,也加强了对业务的抽象能力。

实现上我们采用了开源框架verdaccio搭建了私有库,相比于CNPM更加轻量快捷,在部署管理上有一定的优势,在二次开发,配置插件等方面也非常方便。在权限控制上我们做了和域账号的融合,在使用上做了一定的限制,避免不必要的操作越权问题,服务启用pm2来守护进程,基本可以满足日常开发需求了。团队小伙伴积极贡献当前累计公用业务模块20+,开源协作模块共享助力业务高效开发。

前端脚手架工具

在业务快速发展的背景下,要求开发能够响应快节奏的需求。我们需要高质量多场景的解决方案来快速搭建项目结构,做到及时响应业务需求。前期狂野的自由风格会在后期带来糟糕的维护体验,前端项目各自风格迥异,有些项目几乎与现代前端技术脱节,需要通过重构才能维护起来,我们需要打造一条高速的前端工作流-脚手架工程z-cli。整个命令行工具涵盖创建,本地开发,编译,静态资源部署等功能,并持续优化中。在功能和设计上与业务高度匹配兼容当前各种业务场景,同时架构上可扩展开发执行生命周期钩子、支持第三方插件等。在未来我们也将积极拓展,例如增加桌面端前端工作台的打造,使整个前端工作流更具可视化。

实现上我们采用


转载请注明:http://www.aierlanlan.com/cyrz/732.html

  • 上一篇文章:
  •   
  • 下一篇文章: