透视前端工程化

专栏介绍

前端应用越来越复杂,对前端工程化的要求越来越高。脚手架作为目前前端工程化的一个重要的组成部分,在开发过程中扮演了至关重要的角色。现在几乎所有主流前端几框架都有自己配套的脚手架,无疑给开发者带来了极大的便利。但正如上文所述,很多开发者由于本身入行较短,或者很多工作多年的开发者由于公司业务的原因,没有机会接触到前端工程化领域。 不了解没有关系,重要的是大家看到这篇教程,说明已经意识到前端工程化的重要性了,这就不晚。 本专栏以 Vue 为例,结合笔者在团队中的工程化实践,带领大家从零开始搭建一个脚手架,将搭建脚手架用到的技术点逐一拆解,希望大家看完后,每个人都对脚手架和工程化思想有个较深入地理解。 专栏组成
  • 第一部分 模板设计(1~16 课)。该章节的篇幅基本占到了整个教程 90%。主要涉及 Webpack 基础知识的讲解,如何配置 Webpack 以支持模块化开发、如何配置 Webpack 以支持前后端的并行开发、如何配置 webpack 以支持代码的检查、如何配置 Webpack 以支持单元测试和 e2e 测试,如何配置前端本地开发环境、如何配置前端资源的部署功能等。模板设计涉及到开发流程、代码规范、性能优化等工程化的方方面面,知识点很多,大家需要重点学习。
  • 第二部分 命令行设计(17~18 课)。该章节主要是讲解如何开发一个 node 的命令行工具。如何将命令行工具与模板进行结合,帮助开发者快速创建项目模板。
专栏寄语 希望读者学完本专栏后,能理解脚手架背后蕴藏的工程化思想,并且可以亲手完成一个脚手架的搭建。也希望大家在理解了前端工程化思想后,探索更多的方法,赋能自己的团队,共同推动前端工程化的发展。

>>>>>> 扫描二维码学习 <<<<<<<<<