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

2024-01-26

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

My 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存在于public目录和index.js存在于src创建最终生产版本的目录build目录。我确信这种情况正在发生,因为所有内部管道都是通过 npm 进行的。有人可以帮助我了解这是如何发生的以及如何将这些目标文件更改为我自己的自定义文件,名为HelloWorld.html(存在于public目录)和myApp.js(存在于src目录)?


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

  • 请注意,此操作是单程票,无法返回!

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何通过npm更改reactJs引导中使用的默认配置文件 的相关文章

随机推荐