webpack-bundle-analyzer小白攻略
GitHub:https://github.com/webpack-contrib/webpack-bundle-analyzer
简介描述:Webpack包分析器
Webpack 插件和CLI工具能够将包内容表示为可缩放treemap,方便互动。
安装
# NPM
npm install --save-dev webpack-bundle-analyzer
# Yarn
yarn add -D webpack-bundle-analyzer
使用
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
module.exports = {
plugins: [
new BundleAnalyzerPlugin()
]
}
它将创建所有捆绑包内容的交互式树形图可视化。