>일반적인 문제 >webpack의 패키징 원리는 무엇입니까?

webpack의 패키징 원리는 무엇입니까?

coldplay.xixi
coldplay.xixi원래의
2021-03-26 11:45:4617606검색

webpack 패키징 원칙은 파일 간의 종속성을 정적으로 분석하고 이러한 모듈에 대해 지정된 규칙에 따라 정적 리소스를 생성하는 것입니다. webpack은 프로그램을 처리할 때 종속성 그래프를 반복적으로 구축하고 이러한 모든 모듈을 하나 이상의 번들로 패키징합니다. .

webpack의 패키징 원리는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, DELL G3 컴퓨터.

Webpack 패키징 원칙은 파일 간의 종속성을 정적으로 분석한 다음 지정된 규칙에 따라 이러한 모듈에서 정적 리소스를 생성하는 것입니다. webpack은 프로그램을 처리할 때 애플리케이션의 모든 모듈을 포함하는 종속성 그래프를 반복적으로 구축합니다. 필요에 따라 모든 모듈을 하나 이상의 번들로 패키징합니다.

Webpack에는 동기식과 비동기식이라는 두 가지 모듈 종속성을 구성하는 방법이 있습니다. 비동기 종속성은 새 블록을 형성하기 위한 분할 지점으로 사용됩니다. 종속성 트리를 최적화한 후 각 비동기 블록은 파일로 패키지됩니다.

webpack에는 거의 모든 타사 라이브러리를 처리할 수 있는 스마트 파서가 있습니다. 모듈 형식이 CommonJS, AMD 또는 일반 JS 파일인지에 관계없이 종속성을 로드하는 경우에도 동적 테이블 require(",/templates/"+name+", jade")가 허용됩니다.

확장 정보

webpack으로 구축된 일반적인 애플리케이션이나 사이트에는 세 가지 주요 코드 유형이 있습니다.

1. 소스 코드.

2. 소스 코드가 의존하는 타사 라이브러리 또는 "공급업체" 코드.

3. Webpack의 런타임과 매니페스트는 모든 모듈의 상호 작용을 관리합니다.

런타임에는 브라우저에 로드된 모듈 연결을 포함하여 모듈 상호 작용 중에 모듈을 연결하는 데 필요한 로드 및 구문 분석 논리와 지연 로드 모듈의 실행 논리가 포함됩니다.

관련 무료 학습 권장사항: php 프로그래밍(동영상)

위 내용은 webpack의 패키징 원리는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.