ProfilingPlugin

플러그인 실행 시간이 포함된 Chrome 프로필 파일을 생성합니다. 기본적으로 events.json 파일을 출력합니다. outputPath옵션을 사용하여 커스텀 파일 경로를 제공할 수 있습니다.

참고: ProfilingPlugin은 절대 경로만 사용합니다.

Options

• outputPath: 커스텀 출력 파일(json)의 절대 경로

Usage: default

new webpack.debug.ProfilingPlugin();

Usage: custom outputPath

import path from "node:path";
import { fileURLToPath } from "node:url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

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

프로필 파일을 보기 위해서는 다음과 같은 과정을 따릅니다.

1. ProfilingPluginê³¼ 함께 webpack을 실행합니다.
2. Chrome으로 이동하여 DevTools를 열고 Performance 탭(이전 명칭 Timeline)으로 이동합니다.
3. 생성된 파일(기본 값 events.json)을 profiler로 끌어다 놓습니다.

위와 같은 과정을 거치면 plugin당 timeline 통계와 호출들이 표시될 것입니다!