웹팩
 | |
| 개발자 | Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens, Webpack 기여자들 |
|---|---|
| 발표일 | 2012년 3월 10일 |
| 안정화 버전 | 4.29.0
/ 2019년 1월 20일[1] |
| 저장소 | github |
| 프로그래밍 언어 | 자바스크립트 |
| 운영 체제 | 크로스 플랫폼 |
| 라이선스 | MIT 허가서 |
| 웹사이트 | webpack |
웹팩(Webpack 또는 webpack)은 오픈 소스 자바스크립트(JS) 모듈 번들러이다.[2][3][4][5] 주로 자바스크립트(JS)를 위한 모듈 번들러이지만 호환 플러그인을 포함하는 경우 HTML, CSS, 심지어는 이미지와 같은 프론트엔드 자산들을 변환할 수 있다.[6] 웹팩은 의존성이 있는 모듈을 취하여 해당 모듈을 대표하는 정적 자산들을 생성한다.[7]
웹팩은 의존성을 취한 다음 의존성 그래프를 만듦으로써 웹 개발자들이 웹 애플리케이션 개발 목적을 위해 모듈 방식의 접근을 사용할 수 있게 도와준다. 명령 줄을 통해서 사용할 수 있으며, "webpack.config.js"이라는 이름의 구성 파일을 사용하여 구성할 수 있다.[8] 이 파일을 사용하면 프로젝트를 위해 로더, 플러그인 등을 정의할 수 있다. (웹팩은 로더를 통해 상당한 확장이 가능하므로 개발자들이 파일을 함께 번들링할 때 수행하기 원하는 사용자 지정 작업을 작성할 수 있다.) createapp.dev라는 이름의 도구는 이 구성 파일의 생성 과정을 단순하게 만들어 준다.
웹팩 설치에는 Node.js가 요구된다.
웹팩은 moniker 코드 스플리팅을 사용한 코드 온 디맨드를 제공한다. ECMA스크립트의 기술위원회 39는 추가 코드를 로드하는 기능의 표준화를 진행 중이다: proposal-dynamic-import.
같이 보기
[편집]각주
[편집]- ↑ “Releases · webpack/webpack”. 2019년 1월 20일에 확인함.
- ↑ “Web Performance Optimization with webpack”. 구글 디벨로퍼스. 2018년 10월 16일에 확인함.
- ↑ “A Beginner’s Guide to Webpack 4 and Module Bundling”. SitePoint. 2018년 10월 16일에 확인함.
- ↑ “Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost”. InfoQ. 2018년 10월 16일에 확인함.
- ↑ “High-performance webpack config for front-end delivery”. Codementor. 2021년 2월 27일에 원본 문서에서 보존된 문서. 2018년 10월 16일에 확인함.
- ↑ “What is Webpack”. SurviveJS. 2018년 10월 16일에 확인함.
- ↑ “What is webpack”. GitHub. 2018년 2월 25일에 확인함.
- ↑ “Webpack: An Introduction - Wisdom Geek”. 《Wisdom Geek》 (미국 영어). 2017년 1월 12일. 2017년 1월 16일에 확인함.
외부 링크
[편집]- 웹팩
- 공식 웹사이트
