react-scripts

react-scripts 是一组针对 Create React App 的配置模块。这些模块包含了所有你需要的开发工具，包括编译器(batch compiler)、测试工具(testing tools)、打包器，还有基本的开发服务器.

安装

npm install react-scripts

默认情况下，create-react-app 在创建一个新项目时会自动安装 react-scripts，所以你只需要在你的开发过程中使用就好了。

使用

react-scripts 是被设计成基于约定的自动化工具，用于尽可能减少人工配置和手动干预。你可以在 create-react-app 命令行中让 react-scripts 来自动执行所有必要的任务。

例如，要在开发环境下启动本地开发服务器，请在终端中运行以下命令：

npm start

这会自动启动本地开发服务器，自动打开默认的浏览器，你还可以通过访问 http://localhost:3000 来在浏览器中查看你的应用。

要构建生产版本，请运行以下命令：

npm run build

这个命令会把你的应用打包成一个优化过的版本，你可以把这个版本用于生产环境中。

在 package.json 文件中，scripts 中的配置可以帮助我们更好的使用 react-scripts:

{
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
  }
}

自定义配置

如果你想要自定义你的应用，比如添加自己的 webpack 配置文件，你可以使用 eject 命令使你的 create-react-app 应用完全暴露出来。这个命令会删除所有的封装性，实现可扩展性，允许你完全自定义配置文件、package 命令等等。

请注意，eject 命令是不可逆的，所以在你使用这个命令前请做好备份。

npm run eject

结论

react-scripts 提供了简单的命令行接口和约定接口，大大简化了 React 应用的开发和打包流程。如果你是一位 React 新手或对基础知识不够理解，create-react-app 显然是你应该使用的最佳选择之一。如果你是一位高级开发者或者专业的团队，你可能希望自己配置应用，这样更好地符合自己的需求。