Webpack 모듈 사용

Module

모듈화프로그래밍에서 개발자는 개별 기능의 코드를 모듈로 패키징합니다.

각 모듈의 크기는 대형 프로그램의 크기보다 작아서 디버깅 및 작성이 더 쉬워집니다.

NodeJs는 생성 이후부터 모듈식 프로그래밍을 지원해 왔지만 웹 프로그래밍에서는 모듈화가 느렸습니다(지원되지 않음). 물론 모듈화를 위해 등장한 Js 모듈식 도구가 많이 있으며 각각 고유한 장점과 단점이 있습니다.

Webpack은 거친 부분을 제거하고 필수 요소를 선택하여 우수성을 계속하여 웹 프로젝트의 모든 파일에 적합한 모듈화를 만듭니다.

Webpack 모듈이란

NodeJS의 단일 표현식과 달리 Webpack은 다양한 방식으로 모듈식 프로그래밍을 완성하고 구현할 수 있습니다.

• ES6의 import 표현식

• CommonJS의 require( ) 표현식

• AMD(비동기 모듈 정의) 표현식 정의 및 요구

• @import in CSS/SASS/LESS 파일 표현식

• 스타일 시트 또는 html 파일의 이미지 URL 주소(알 수 없음?)

Webpack 1st 생성에는 ES6의 가져오기 표현식을 완료하기 위해 특정 로더가 필요하지만 Webpack 2세대에서는 이를 기본적으로 지원합니다.

지원되는 모듈 유형

Webpack은 로더를 사용하여 다양한 유형의 모듈을 로드하는 것을 지원합니다. 로더는 Webpack에 이러한 모듈이 무엇인지 알려주고(이 모듈은 JavaScript 모듈이 아니기 때문에) 함께 패키징됩니다.

지원되는 유형은 다음과 같습니다:

• CoffeeScript

• TypeScript

• ESNext(Babel)

• Sass

• Less

• 스타일러스

등. Webpack은 웹 프로그래밍을 위한 다양한 유형의 모듈식 패키징을 지원하므로 개발자가 웹을 더 쉽게 개발할 수 있습니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

이벤트 모델에 대한 자세한 설명

이벤트 루프 사용 방법

JavaScript 이벤트 버블링 및 이벤트 캡처 구현 방법

위 내용은 Webpack 모듈 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!