前言分析复杂的源码,可以通过打断点的方式逐步理清流程。如何调试create-react-app,参见文章中node的常用调试方法。执行过程create-react-app脚手架入口是packages/create-react-app/下的index.js文件。那么运行这个文件大概的执行过程是怎样的呢?大家可以粗略看一下下面的流程图。流程图只画了一个大概的流程。自定义模板和react-scriptscreate-react-app的功能虽然强大,但是在实际使用中,难免要在eject后进行配置。每次创建项目都要重新做一遍,繁琐低效,而且容易出错,因此,可以修改cra-template、react-scripts等文件夹,改成适合自己公司的脚手架.但是,如何方便地调试修改后的cra-template和react-scripts,而不用每次发包都调试呢?运行create-react-app-help命令,可以看到可以自定义模板和react-scripts。cra-template可以用--template自定义,react-scripts可以用--scripts-version自定义。例如:如有错误,请指正!
