0
0

More than 1 year has passed since last update.

GithubPages(.github.io)にWindowsPCでReactを使ってデプロイする方法

Last updated at Posted at 2022-10-23

↓このページを参考にして
デプロイしようとしていたんですがMacのようで、うまくいかなかったので、Windowsユーザーの場合を書いてみます。

 
 

多分Macとはコマンドが違うんだろうと思います。
package.json
"dependencies": {
    "homepage": "https://<Githubアカウント名>.github.io/<リポジトリ名>/"
},

"scripts": {
    "del": "del -rf docs",
    //"del": "cmd /c rd /s /q docs", かもしれない?
    "move": "move build docs",
    "git": "git add . && git commit && git push origin master",
    "deploy": "npm run del && npm run build && npm run move && npm run git"
}

↑このように書き加えて
 

Terminal
npm run deploy

をするとアップロードはされてました。
 
でも、「-rfってなに?」みたいなエラーが出たりしていたので、違う書き方をしたほうがいいのかもしれませんがわかりません!!
 
わかる方教えてください。
 

追記

再度修正したものをデプロイしようとして上の方法で試していたら
編集結果が反映されなかったので追記します。

▶前回は、

「npm run deploy」の前に、mainブランチに「npm build」で生成されたコードをアップロードしていました。
でも、サイトに反映されなかったので「おや?」となって上の方法にいきつき、「npm run deploy」後にサイトも反映されてやれやれってなっていました。

なぜ、再度上の方法でやって反映されなかったのかはわかりません。が、

▶今回は、

リモートのmainブランチにbuildフォルダの中身を手動アップデートすることで反映された。
ということがありましたので書いておきます!
 
 
結局mainブランチの情報が表示されるのだろうか・・・。
謎すぎる(;'∀')

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0