[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:
https://cra.link/deploymentbuild フォルダの中に静的ファイルが作成されます。
index.html ファイルを直接ブラウザで開くこともできますが、実際の環境ではWebサーバ経由で開くか、S3などのストレージにアップすることになります。
$ cd build
$ ls
asset-manifest.json logo192.png robots.txt
favicon.ico logo512.png static
index.html manifest.json