梗概

react-scripts 是由 Create React App (CRA) 项目提供的一个 npm 包,包含了一组脚本和配置,用于简化 React 应用程序的开发和构建过程1。它主要包含以下几个脚本:

  1. start: 启动开发服务器,用于热模块替换 (Hot Module Replacement) 和实时预览。

    npm start
    
  2. build: 构建生产版本的应用程序,生成静态文件。

    npm run build
    
  3. test: 运行测试脚本,执行 Jest 测试。

    npm test
    
  4. eject: 从 Create React App 中脱离,获取完整的配置文件,以便进一步自定义。

    npm run eject
    

配置

在 Create React App 中,大部分配置已经帮你处理好了,但如果你需要自定义配置,尤其是 Webpack 和 Babel,你有两个主要方法:

  1. Eject (脱离) Create React App

    • 当你执行 npm run eject 时,Create React App 会把所有的配置文件(如 Webpack、Babel 等)暴露出来。这个操作是不可逆的,执行之后你将失去 CRA 的简化管理,但可以完全掌控配置。

    • 这个命令会生成 config 和 scripts 文件夹,包含所有的配置文件和脚本。

  2. 使用 react-app-rewired  craco