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

これは

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

ガイドのリンク

ja.reactjs.org

パフォーマンス最適化

本番用ビルドを使用する

Create React App

webpack

Webpackの説明がされているが、Create React Appを利用している場合はそちらのやり方に従う。
直接webpackの設定を行いたい場合はこの説明を見ながら行う。

Webpack v4以降では本番モードでコードのminifyを自動で行う。

const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  mode: 'production',
  optimization: {
    minimizer: [new TerserPlugin({ /* additional options here */ })],
  },
};

もっと詳しく知りたい場合はwebpack側のドキュメントを見るとよいとのこと。

webpack.js.org

ReactとしてはCreate React Appを使ってWebpackを直接設定するようなことはやりたい人だけどうぞ
ということなのかな。

こういう記事を見つけた。
qiita.com

明日はChrome のパフォーマンスタブでコンポーネントをプロファイルするです。

今日はここまで。