일하는 방법

작동 방식
Parcel은 리소스 트리를 번들 트리로 변환합니다. 다른 많은 패키징 도구는 기본적으로 JavaScript 리소스를 기반으로 하지만 JS 파일에 포함된 문자열과 같은 다른 형식도 기반으로 합니다. Parcel은 파일 유형에 구애받지 않습니다. 모든 유형의 리소스에서 예상대로 작동하며 구성이 필요하지 않습니다. 소포의 포장 과정은 세 단계로 구성됩니다.
1. 리소스 트리 구축
Parcel은 JS 파일, HTML, CSS, 이미지 등 모든 유형의 단일 항목 리소스를 입력으로 허용합니다. 특정 파일 형식을 처리하는 방법을 알고 있는 다양한 리소스 유형이 Parcel에 정의되어 있습니다. 리소스는 구문 분석되고 해당 종속성이 추출되어 최종 컴파일된 형식으로 변환됩니다. 이 프로세스는 리소스 트리를 생성합니다.
2. 패키징 트리 구축
리소스 트리가 구축되면 리소스는 패키징 파일 트리에 배치됩니다. 항목 리소스에 대한 패키지를 만들고 코드 분할이 발생하는 동적 import()에 대한 하위 패키지를 만듭니다.
동위 번들은 다양한 유형의 리소스를 가져올 때 생성됩니다. 예를 들어 JavaScript에서 CSS 파일을 가져오면 해당 JavaScript의 형제 번들에 배치됩니다.
리소스를 여러 파일로 패키징해야 하는 경우 리소스가 여러 번 패키징되지 않도록 파일 번들 트리에서 가장 가까운 공통 조상으로 승격됩니다.
3. 패키징
패키징 파일 트리가 구축된 후 각 패키지는 해당 파일 형식에 맞는 패키저에 의해 파일에 기록됩니다. 패키저는 각 리소스의 코드를 브라우저에서 로드할 수 있는 최종 파일로 병합하는 방법을 알고 있습니다.