ProfilingPlugin

2023-05-22 11:24 更新

生成Chrome配置文件,其中包括插件執(zhí)行的時間。默認(rèn)情況下輸出 ?events.json? 文件??梢允褂胦utputPath選項(xiàng)提供自定義文件路徑。

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運(yùn)行webpack。

  2. 轉(zhuǎn)到Chrome,打開DevTools,然后轉(zhuǎn)到性能選項(xiàng)卡(以前的時間線)。

  3. 將生成的文件(默認(rèn)情況下為? events.json? )拖放到探查器中。

然后,它將顯示每個插件的時間線統(tǒng)計(jì)數(shù)據(jù)和調(diào)用!


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號