Webpackでの設定ファイルでのビルドモードの変更

ビルドモードは、設定ファイルの mode設定で調整されます。開発モードを指定してみましょう：

export default {
	mode: 'development',
	entry: './src/index.js',
};

次に、本番モードを指定します：

export default {
	mode: 'production',
	entry: './src/index.js',
};

開発モードでプロジェクトをビルドしてください。エディタでバンドルファイルを開いてください。その内容を確認してください。このファイルのサイズを覚えておいてください。

本番モードでプロジェクトをビルドしてください。エディタでバンドルファイルを開いてください。その内容を確認してください。ファイルサイズを開発モードでのビルドのサイズと比較してください。