💡
Webpack Analyzerでプロジェクトサイズをチェックしよう
まずは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