Reactアプリケーションgithubページの配備

github page
バニラは無料のページを提供しています.
github pageにできます.

https://{userId}.io/{project}

このようなurlアクセスでは、まずハブページに配布するプロジェクトに配置する必要があります.
最初にしなければならないのは、バニラページをダウンロードすることです.

npm i gh-pages

ダウンロード後の現在のアイテムのパッケージ.jsonで

...

},
"homepage": "https://{userId}.io/{project}"

下部にhompageを追加します.
この場合、hompageパスはネストされたライブラリ名と一致する必要があります.

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

もう一つやることがあります.基本的にCRAを使ってreact appを作成しています.
基本的にはstart、build以外にもいくつかありますが、あまり役に立たないようです.
要するに、現在追加されているのはdeploy、predeployです.
deployの場合、-dコマンドは、前に指定した場所にコンストラクションを配置する場所を指定します.
デプロイ:gh-pages(先ほど指定したhompageパス)、-d build(構築されたアプリケーションをこのパスにデプロイ)
predeployは、deployを実行するときに最初に検出され、predeployが先に実行されます.
建設を優先する.
次に、配置を実行し、Ginghubページに配置する順序です.
頭のいい友達のようです.
ダウンジャケットページを使って配布すると、基本的にはポートフォリオのためです.
あと少し軽いアイテムは羽センターページに簡単に投稿します.