为什么在运行npm run deploy之后我的存储库会更改?

时间:2019-08-24 05:07:28

标签: reactjs github github-pages

我有一个我部署到github页面的反应代码存储库。代码已正确部署,并显示在正确的url中,但是存储库已完全更改。一个静态文件夹是用一堆chunk.js文件创建的。我的问题是,由于其中充满了这些奇怪的文件,我不确定如何更新代码。

我不确定应该怎么做。我想到的一个解决方案是每次都重新部署到另一个分支,尽管我认为这不是最优雅的处理方式。

我跑了npm run deploy

我期望的是,在部署之后,我的常规存储库将显示我编写的所有代码,但是现在有一个静态文件夹,其中包含一堆我不知道如何使用的块文件。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

遵循以下步骤-

步骤1 :将首页添加到package.json

"homepage": "https://myusername.github.io/my-app",

第2步:安装gh-pages,并将deploy添加到package.json中的脚本

npm install --save gh-pages

在package.json中添加以下脚本:

 "scripts": {
+   "predeploy": "npm run build",
+   "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    "build": "react-scripts build",

第3步:通过运行npm run deploy部署站点

npm run deploy

步骤4 :对于项目页面,请确保您的项目设置使用gh-pages 最后,确保将GitHub项目设置中的GitHub Pages选项设置为使用gh-pages分支:

第5步 :(可选)配置域

mywebsite.com

参考:https://create-react-app.dev/docs/deployment GitHub Pages部分