esbuild-loader 로 webpack 번들링 성능을 개선합니다.

[sohnjunior]

🔍 What is this PR?

관련 이슈: #70

webpack 의 번들링 성능을 개선하기 위해 esbuild-loader 를 적용합니다.

📝 Changes

• babel-loader 와 ts-loader 대신에 esbuild-loader 를 사용합니다.
• 중복된 path-alias 설정을 tsconfig.json 에서 정의된 path 를 참조하도록 plugin 을 사용합니다.

📸 Screenshots

webpack compile estimated

적용 후 webpack compile 시간을 비교한 결과입니다.

1️⃣ dev server cold start time

AS-IS : 2427ms, 2302ms, 2298ms
TO-BE : 371ms, 424ms, 387ms

약 7배 ⬆️

2️⃣ dev server hot module replacement

AS-IS : 182ms, 186ms, 196ms
TO-BE: 74ms, 55ms, 65ms

약 3배 ⬆️

3️⃣ production build

AS-IS : 3058ms, 2551ms, 2613ms
TO-BE : 735ms, 687ms, 713ms

약 4배 ⬆️

4️⃣ CI build

AS-IS: 8s
TO-BE: 4s

약 2배 ⬆️

css minimize

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
editty	✅ Ready (Inspect)	Visit Preview	Jun 24, 2023 6:26am