如何通过 npm 更改用于引导 reactJs 的默认配置文件
How to change the default configuration files used in bootstrapping of reactJs through npm
我使用 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 中) =] 目录)?
如果您想更改构建配置,您可以 运行 npm run eject
这将从您的项目中删除构建依赖项并将配置文件添加到您的项目中,让您可以随时更改它们需要。
- 注意本次操作是单程票,不可返程!
我使用 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 中) =] 目录)?
如果您想更改构建配置,您可以 运行 npm run eject
这将从您的项目中删除构建依赖项并将配置文件添加到您的项目中,让您可以随时更改它们需要。
- 注意本次操作是单程票,不可返程!