웹 팩
Webpack | |
| 개발자 | Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsélaeinen, Kees Kluskens 및 Webpack 기여자 |
|---|---|
| 초기 릴리즈 | 2014년 2월 , 전([1] |
| 안정된 릴리스 | 5.71.0 / 2022년 4월 ; 전([2] |
| 저장소 | github |
| 기입처 | 자바스크립트 |
| 운영 체제 | Linux, macOS, Windows |
| 플랫폼 | Node.js |
| 면허증. | MIT 라이선스[3][4] |
| 웹 사이트 | webpack |
Webpack은 [5][6][7][8]JavaScript용 무료 오픈소스 모듈번들러입니다주로 JavaScript용으로 작성되지만 대응하는 로더가 [9]포함되어 있으면 HTML, CSS, 이미지 등의 프론트 엔드 자산을 변환할 수 있습니다.웹 팩은 종속성이 있는 모듈을 가져와 해당 [10]모듈을 나타내는 정적 자산을 생성합니다.
웹팩은 의존관계를 취하여 의존관계 그래프를 생성하여 웹 개발자가 웹 애플리케이션 개발 목적으로 모듈러 방식을 사용할 수 있도록 합니다.명령줄에서 사용하거나 webpack.config.js라는 이름의 Configuration파일을 사용하여 설정할 수 있습니다.이 파일은 프로젝트의 규칙, 플러그인 등을 정의합니다.(Webpack은 개발자가 파일을 함께 번들할 때 수행할 사용자 지정 작업을 작성할 수 있는 규칙을 통해 확장성이 높습니다.)
웹 팩은 모니커 코드 분할을 사용하여 온디맨드 코드를 제공합니다.동적 코드 분할에 관한 두 가지 유사한 기술이 웹 팩에서 지원됩니다.첫 번째 권장 접근법은 ECMAScript 프로포절과 일치하는 import() 구문을 사용하여 다이내믹 Import에 사용하는 것입니다.기존의 웹 팩 고유의 접근 방식은 require.[11]sure를 사용하는 것입니다.
웹 팩 개발 서버
Webpack은 개발 중에 파일을 제공하기 위한 HTTP 서버로 사용할 수 있는 webpack-dev-server라는 내장 개발 서버도 제공합니다.또한 Hot Module Replacement(HMR; 핫 모듈 교환)를 사용할 수 있습니다.HMR은 개발자가 페이지를 새로고침할 필요 없이 웹 페이지의 코드를 업데이트합니다.
「 」를 참조해 주세요.
레퍼런스
- ^ "Release Date of Version 1.0.0". Retrieved 2020-12-31.
- ^ "Releases · webpack/webpack". Retrieved 2022-02-22.
- ^ "LICENSE file on GitHub". Retrieved 2020-12-31.
- ^ "License field from webpack - npm". Retrieved 2020-12-31.
- ^ "Web Performance Optimization with webpack". Google Inc. Retrieved 16 Oct 2018.
- ^ "A Beginner's Guide to webpack 4 and Module Bundling". SitePoint. Retrieved 16 Oct 2018.
- ^ "Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost". InfoQ. Retrieved 16 Oct 2018.
- ^ "High-performance webpack config for front-end delivery". Codementor. Retrieved 16 Oct 2018.
- ^ "What is webpack". SurviveJS. Retrieved 16 Oct 2018.
- ^ "What is webpack". GitHub. Retrieved 25 Feb 2018.
- ^ "Dynamic imports". webpack. Retrieved 6 Jun 2022.
리스트
