代码规模飙升，前端如何走好工程化之路？

导

LEAD

语

1995 年 Brendan Eich 发布了第一版网页脚本语言，奠定了今天前端开发的基础；时至今日，随着互联网技术的高速发展，已经诞生了像 Gmail、腾讯文档等巨型前端应用，随着代码规模与项目开发人员的增多，我们有必要做好前端工程化工作。本次我们特别邀请了腾讯课堂前端负责人、同时也是 2020 IMWeb Conf 的讲师之一 jayccchen，来和我们分享他在前端工程化方向探索的经验。

IMWeb：跟大家打个招呼吧～

Jay：大家好，我是陈超，目前是腾讯课堂前端负责人，第 8 届 IMWeb CONF 我将跟大家分享《如何搭建前端工程化效能体系为研发提速》；本次分享将会介绍 IMWeb 团队在研发工程化方面的一些探索和经验，希望大家能有所收获。

IMWeb：经历过几届 IMWeb CONF？

Jay：16 年加入团队后，一共经历了 3 届 IMWEB CONF。

IMWeb：对即将毕业做前端的同学，提供什么建议？

Jay：对于刚毕业准备从事前端开发的同学，我的建议是先修炼内功，再练招式。内功指的是要打牢前端基础，招式指的是目前业界上数不胜数的各种框架，如 React、Vue 等等；只有先将内功练好，后面才能更好地驾驭招式。

IMWeb：谈谈你理解的前端工程化？

Jay：前端工程化最初其实是为了解决语法编译、代码模块化、构建打包等系列问题而诞生的自动化解决方案。

但随着前端边界不断的扩展，团队的发展，协同复杂度的提高以及研发模式从敏捷开发到 DevOps 的变革。我们发现工程化需要考虑的问题除了前面提到编码过程的问题外，应该站在整个研发流程，从编码、联调、测试、部署各个环节进行全局化地思考。

我认为现代的前端工程化应该是一个更加体系化的解决方案，不管是模块化、组件化、全栈化的规范以及 CI/CD/CO、自动化测试、流程管理、质量监控上，都应该从标准、高效、自动化这 3 大方向进行工程化效能地探索。从而提高研发效率、减少协同复杂度、缩短研发周期、提高交付质量以及提升研发幸福感。

IMWeb：IMWeb团队在研发工程化效能方面投入如何？

Jay：IMWeb 团队从 14 年就开始就已经在研发工程化效能方面进行持续地探索。在团队内，我们也设立了专门的研发效能分队，专注于解决研发工程化效能方面的问题，打造了一系列自研的研发效能工具以及平台，很多工具也推广到了业界上，比如像字节、网易等前端团队，均有在使用 IMWeb 自研开源的研发效能工具。后续团队还是继续保持在研发工程化效能方面对投入，让团队内的所有小伙伴都可以高效工作、开心生活。

IMWeb：说一说你对工程化效能方向未来的展望

Jay：我认为，研发流程好比是一条流水线，从工业效能变革的演进来看，重人力、低效的环节势必会被机器、智能化流程替代。未来的工程化效能发展趋势定是在 AI 的赋能下，减少开发、测试过程中一些重复性高、技术难点低的环节，通过机器来替代，比如 AI 切图、AI 完成测试用例、自动测试等。

2020 IMWeb Conf 完全免费，线上直播，点击“阅读原文”直接预约哦。

紧追技术前沿，深挖专业领域

扫码关注我们吧！