如何通过 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 命令时，它都会使用 public 目录中的 index.html 和 src 目录中的 index.js 创建在 build 目录中构建最终产品。我确信这是因为所有内部管道都是通过 npm 发生的。有人可以帮助我了解这是怎么发生的吗？我如何将这些目标文件更改为我自己的自定义文件，名为 HelloWorld.html（存在于 public 目录中）和 myApp.js（存在于 [=17 中） =] 目录)?

Answer 1

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

注意本次操作是单程票，不可返程！

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

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

How to change the default configuration files used in bootstrapping of reactJs through npm

javascript

reactjs

npm

npm-scripts