17.webpack 打包分析

78 阅读1分钟

打包的时间分析

如果我们希望看到每一个loader、每一个Plugin消耗的打包时间,可以借助于一个插件:speed-measure-webpack-plugin 安装:

npm install speed-measure-webpack-plugin -D

使用:将 webpack 全部配置包在插件中 QQ截图20241019155411.png

QQ截图20241019155959.png

打包后文件分析

使用webpack-bundle-analyzer工具

npm install webpack-bundle-analyzer -D

QQ截图20241019160829.png