前端脚手架：从入门到进阶

本文介绍create react app及脚手架的webpack配置，采用的是其当前最新的代码，基于webpack5。之后会介绍其eject命令的实现和主要内容。

cli免不了需要手动运行一些命令，或者打印一些提示，或者做一些比较、字符处理等，社区里已经有了一些非常优秀的轮子，这篇文章便介绍这些小工具。

上一节介绍了两个交互的库，这一节再介绍文件与模板操作的几个库 文件操作：fs-extra、men-fs-editor、handlebars、plop

上一节分析了createReactApp.js中的逻辑，这一节继续解析react-scripts中的逻辑

我们将跟着package.json顺藤摸瓜理清create-react-app的执行流程，并深入源码探究各种细节。

即便多年多去了，各类新脚手架层出不穷，也越来越强大，但cra仍然占据着重要的位置。想要真正做一个企业级的脚手架，研究cra的源码是一个非常好的入门手段。

Yeoman一般用来快速创建符合自身实践原则的项目脚手架，因此必定需要自定义一个generator。本文讲述如何编写一个generator，以及如何测试、发布。

what generator是一个npm包，包名以generator-开头,如generator-webapp,全局安装后，执行命令yo webapp实际上就是执行该generator。

前端脚手架是前端工程化的一个重要里程碑，而Yeoman是快速实现脚手架的一个重要工具。同时，yeoman的设计理念，对我们自己开发一个脚手架也有很好的启发。