Reactガイドを読んでいくその66

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

パフォーマンス最適化

本番用ビルドを使用する

Create React App

Brunch

Brunchで本番用ビルドやるなら‘terser-brunch‘を使うとよいらしい。

github.com

インストールはnpmやYarnで。

# If you use npm
npm install --save-dev terser-brunch

# If you use Yarn
yarn add --dev terser-brunch

本番用ビルドをしたい場合はコマンドに-pをつけて実行する。
brunch build -p

あくまでも本番用のビルドに使う場合に-pを指定するのでそれ以外に指定することはしないこと。
また、uglify-js-brunchプラグインを適用しないこと。
ビルド速度が大幅に遅くなり、Reactの警告が表示されない場合があるため。

今日はここまで。