webpack-module-analyzer-plugin输出模块大小分析报告
webpack-module-analyzer-plugin 是个挺实用的 Webpack 插件，专门用来输出构建包中包含的模块列表及它们的大小。如果你想知道每个模块占了多大空间，优化打包，这个插件绝对能帮忙。它会在构建后自动生成一个文件，你可以根据这个文件哪些模块比较大，哪些冗余或者不必要，从而进行优化。
安装和使用也比较简单。只需要通过 npm 安装，像这样：
npm install --save-dev webpack-module-analyzer-plugin
在 Webpack 配置文件中引入并使用：
const ModuleAnalyzerPlugin = require('webpack-module-analyzer-plugin');
module.exports = {
plugins: [
new ModuleAnalyzerPlugin({
filename: 'outputStats'
})
]
}，如果你常常在调优 Webpack 构建时迷失在巨大的包和模块中，那这个插件蛮适合你。
文件大小：5.98KB
评论区