react 之 create-react-app 启动命令 npm run eject

前言:使用 create-react-app 初始化 react 项目时:
react 之 create-react-app 启动命令 npm run eject
初始化后项目文件只有:

  • node_modules 是各个依赖存放的位置
  • public 用来存放静态资源,其不参与构建
  • src 项目源码文件,一般开发就在该目录下扩展,并参与构建
    react 之 create-react-app 启动命令 npm run eject

package.json 文件

默认只有三个依赖:react、react-dom、react-scripts,其他如 webpackbabel 等都是被 create-react-app 封装到了 react-scripts 这个项目当中,包括基本启动命令都是通过调用 react-scripts 这个依赖下的命令进行启动的;
默认的4中启动命令:

  1. start:以开发模式启动项目
  2. build:将整个项目进行构建
  3. test:进行测试
  4. eject:将 create-react-appwebpackbabel 等相关的配置弹射出来

如果我们需要对项目配置进行修改,默认情况下没有展示出配置文件,需要执行 eject 命令将配置文件弹出。

建议:

安装完成之后,就执行 npm run eject

如果没有事先安装,则执行:

  1. git add .
  2. git commit -m “init config”
  3. npm run eject