キーワード

• React
• create-react-app
• PUBLIC_URL
• cross-env

したいこと

ベースURLを設定したい。

たとえば、GitHubを使って次のようなURLで公開するためのビルドをしたい。

https://<username>.github.io/<repository>/<subdirectory>/build/

どうやって

環境変数「PUBLIC_URL」を設定する。cross-envを使って次のように設定できる。

package.json:

{
  "scripts": {
    "build": "cross-env PUBLIC_URL=/<repository>/<subdirectory>/build/ react-scripts build",
  }
}

ちなみに

cross-envは備えつけではないのでインストールが必要。

$ npm install --save-dev cross-env

参考

• create-react-app build with PUBLIC_URL - Stack Overflow

関連

• 障害メモ/react-router-domでベースURLが抜ける