react-app-rewiredで作られたプロジェクトでwebpack-bundle-analyzerを使用したかったので調査
方法
-
インストール
-
yarn add --dev react-app-rewire-webpack-bundle-analyzer
-
-
config-overrides.jsに以下のように記述
const rewireWebpackBundleAnalyzer = require('react-app-rewire-webpack-bundle-analyzer') module.exports = function override(config, env) { // ... if (env === 'production') { config = rewireWebpackBundleAnalyzer(config, env, { analyzerMode: 'static', reportFilename: 'report.html' }) } return config } -
yarn buildでビルド終了後、ブラウザが立ち上がり結果が表示される