💡

Webpack Analyzerでプロジェクトサイズをチェックしよう

2022/08/18に公開

まずはwebpack-bundle-analyzerをインストールします

npm install --save-dev webpack-bundle-analyzer

次は、webpack.config.jsにインポートします

webpack.config.js
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
	...
	plugins: [
		new BundleAnalyzerPlugin()
	]
}

そして、webpackでプロジェクトを起動すると、http://127.0.0.1:8888/にはライブリーサイズを確認することができます

Discussion