[React] 静的ファイルを出力する

React のファイルがあるフォルダ上で、npm run build することで静的ファイルを出力することができます。

npm run build

実行すると、build フォルダにファイルが作成されます。

$ num run build
> my-react-app@0.1.0 build
> react-scripts build

Creating an optimized production build...
Compiled successfully.

File sizes after gzip:

  46.62 kB  build/static/js/main.8d77c32b.js
  1.79 kB   build/static/js/787.bc7d429a.chunk.js
  541 B     build/static/css/main.073c9b0a.css

The project was built assuming it is hosted at /.
You can control this with the homepage field in your package.json.

The build folder is ready to be deployed.
You may serve it with a static server:

  npm install -g serve
  serve -s build

Find out more about deployment here:


build フォルダの中に静的ファイルが作成されます。
index.html ファイルを直接ブラウザで開くこともできますが、実際の環境ではWebサーバ経由で開くか、S3などのストレージにアップすることになります。

$ cd build
$ ls
asset-manifest.json	logo192.png		robots.txt
favicon.ico		logo512.png		static
index.html		manifest.json


Posted by kidatti