Menu

キーワード

  • 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

参考

関連

スポンサーリンク