javascript - 如何通过 npm 更改用于引导 reactJs 的默认配置文件

Question

我使用create-react-app命令创建了一个非常基本的 hello world reactJs 应用程序，它是 npm 的一部分。这是我作为应用程序模板的一部分获得的目录结构：

我的package.json文件如下所示：

{
  "name": "hello-world",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "devDependencies": {
    "react-scripts": "0.9.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

我观察到，每次执行npm run build命令时，它都会使用目录中的index.html存在和目录中的存在来创建目录中的最终生产版本。我确信这是因为所有内部管道都通过 npm 发生。有人可以帮助我了解这是如何发生的，以及如何将这些目标文件更改为我自己的名为（存在于目录中）和（存在于目录中）的自定义文件？publicindex.jssrcbuildHelloWorld.htmlpublicmyApp.jssrc

Answer 1

如果您想更改构建配置，您可以运行npm run eject这将从您的项目中删除构建依赖项并将配置文件添加到您的项目中，允许您根据需要更改它们。

• 注意此操作是单程票，不能退！

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#npm-run-eject