Categories: Webpack 教程

ProfilingPlugin

生成Chrome配置文件,其中包括插件执行的时间。默认情况下输出 ​events.json​ 文件。可以使用outputPath选项提供自定义文件路径。

Note
 ​ProfilePlugin​ 只接受绝对路径。

Options

  • outputPath​ : 自定义输出文件(json)的绝对路径

Usage: default

new webpack.debug.ProfilingPlugin();

Usage: custom outputPath

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

要查看配置文件:

  1. 使用ProfilePlugin运行webpack。

  2. 转到Chrome,打开DevTools,然后转到性能选项卡(以前的时间线)。

  3. 将生成的文件(默认情况下为​ events.json​ )拖放到探查器中。

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

冒牌SEO

前端开发者,欢迎大家一起沟通和交流。

Share
Published by
冒牌SEO

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

4 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

2 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago