Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Vite 변환 속도를 늦출 수있는 일반적인 후크는 무엇입니까?


Vite 변환 속도를 늦출 수있는 일반적인 후크는 무엇입니까?


Vite를 사용할 때 특정 후크는 변환과 전반적인 성능을 크게 느리게 할 수 있습니다. 지연을 도입 할 수있는 일반적인 후크는 다음과 같습니다.

vite 변환 속도를 늦출 수있는 일반적인 후크

1.`config` 후크 :
- 설명 :이 후크는 Vite 구성을 해결하기 전에 수정하도록 요청됩니다. 이 후크가 무거운 계산 또는 동기화 작업을 수행하면 Vite 서버의 시작 시간이 느려질 수 있습니다.
- 성능 팁 :이 후크 내에서 작업을 유지하고 필요한 경우 비동기 작업을 고려하십시오.

2.`configresolved` 훅 :
- 설명 :이 후크는 VITE 구성이 해결 된 후에 실행됩니다. 복잡한 논리 또는 무거운 처리가 포함 된 경우 후속 작업을 지연시킬 수 있습니다.
- 성능 팁 :이 후크를 사용하여 분해 된 구성을 읽고 저장하지만 집중적 인 계산을 피하십시오.

3.`transform` 후크 :
- 설명 :이 후크는 요청대로 파일을 변환 할 책임이 있습니다. 변환 로직이 느리거나 복잡한 처리 (복잡한 AST 조작)가 발생하면 HMR의 응답 성에 영향을 줄 수 있습니다.
- 성능 팁 : 변환 로직을 최적화하고 실행 가능한 경우 캐싱 결과를 고려하십시오.

4.`로드 '후크 :
- 설명 :이 후크는 모듈이로드되면 호출됩니다. 외부 소스에서 데이터를 가져 오거나 처리하는 논리가 포함 된 경우 대기 시간을 소개 할 수 있습니다.
- 성능 팁 : 외부 통화를 최소화 하고이 후크 내의 논리를 효율적으로 유지하십시오.

5.`ResvoldId` 후크 :
- 설명 :이 후크는 모듈 ID를 해결하기 위해 호출됩니다. 복잡한 해상도 로직 또는 동기화 작업이 포함 된 경우 모듈 해상도 프로세스 속도가 느려질 수 있습니다.
- 성능 팁 : 해상도 논리를 단순화하고 불필요한 복잡성을 피하십시오.

6.`BuildStart` 및`BuildEnd '후크 :
- 설명 :이 후크는 빌드 프로세스의 시작과 끝에서 호출됩니다. 대형 운영이 포함되어 있으면 빌드 시간을 연장 할 수 있습니다.
- 성능 팁 :이 후크의 작업을 필수 작업으로 제한합니다.

7. 배럴 파일 :
-설명 : 후크는 아니지만 배럴 파일 (모듈을 다시 수출하는 인덱스 파일)을 사용하면 트리 쉐이킹으로 번들 크기와 합병증이 증가하여 빌드와 HMR을 늦출 수 있습니다.
- 성능 팁 : 가능한 경우, 특히 대규모 프로젝트에서 성능을 향상시키기 위해 배럴 파일을 피하십시오.

8. 플러그인 :
- 설명 : 특정 Vite 플러그인은 최적화되지 않았거나 광범위한 처리를 수행하는 경우 성능 오버 헤드를 소개 할 수 있습니다.
- 성능 팁 : 플러그인의 성능 영향을 평가하고 대안 또는 최적화를 고려하십시오.

이러한 후크와 성능에 대한 잠재적 영향을 알고 개발자는 Vite 구성을 최적화하고 전반적인 개발 경험을 향상시킬 수 있습니다. 이 후크에서 작업을 가볍게 유지하고 복잡한 논리를 피하는 것은 빠른 빌드 시간과 반응 형 HMR을 유지하는 데 중요합니다.

인용 :
[1] https://vitejs.dev/guide/api-plugin
[2] https://shopify.engineering/developer-experience-with-hydrogen-and-vite
[3] https://vitejs.dev/config/build-options
[4] https://remix.run/docs/en/main/guides/vite
[5] https://github.com/storybookjs/builder-vite/issues/577