create-react-app 3.4.1版本源码解析之执行流程

前言

解析复杂的源码，可以通过打断点方式逐步理清流程。如何对create-react-app进行调试，可见文章node常用调试方式。

执行流程

create-react-app脚手架入口是packages/create-react-app/下的index.js文件。那么运行该文件，大概的执行流程是怎样的呢？可以通过以下流程图来大致看一下。流程图只画出了大概的流程。

自定义模板和react-scripts

create-react-app所带功能虽然强大，但是实际使用时，免不了还是要eject后配置一番，每次创建项目，都要这样操作一遍，繁琐又效率不高，还容易出错，因此，可对cra-template及react-scripts等文件夹进行修改，改成适用于自己公司的脚手架。但是，要如何方便的调试修改后的cra-template和react-scripts，而不用每次发包后再调试？
运行create-react-app -help命令，可看到可以自定义模板和react-scripts。

cra-template可用--template来自定义，而react-scripts可用--scripts-version来自定义。例如：

若有错误，恳请指正！