在 webpack 检测引入的三方包的尺寸
- webpack-stats-plugin 插件:
- 用于生成
webpack
构建的统计信息。可以为程序生成有用的性能分析数据,例如文件大小、构建时间、资源使用率和依赖关系等。 - 使用插件时,在
webpack
的plugins
引入webpack-stats-plugin
的StatsWriterPlugin
方法,并使用filename
参数制定要输出的构建信息的路径、文件名、文件类型。若未指定路径,则文件默认存放于webpack
的输出目录下。
- 用于生成
- webpack-bundle-analyzer 插件:
- 用于生成代码分析报告,帮助提升代码质量和网站性能。
- 将 webpack-stats-plugin 生成的文件,导入至该插件,会自动打开分析界面,详情可参考