ProfilingPlugin

生成 Chrome 性能分析文件，其中包含插件执行的时间信息。默认输出 events.json 文件。可以使用 outputPath 选项提供自定义文件路径。

注意：ProfilingPlugin 只接受绝对路径。

选项

• outputPath: 自定义输出文件（json）的绝对路径

用法：默认

new webpack.debug.ProfilingPlugin();

用法：自定义 outputPath

new webpack.debug.ProfilingPlugin({
  outputPath: path.join(__dirname, 'profiling/profileEvents.json'),
});

如何查看性能分析文件

1. 使用 ProfilingPlugin 运行 webpack。
2. 打开 Chrome，进入开发者工具，然后进入 “性能”(Performance) 标签页（以前称为 “时间线”）。
3. 将生成的文件（默认是 events.json）拖放到分析器中。

然后它将显示时间线统计数据和每个插件的调用情况！