WebPack 기초

Jun·2022년 8월 11일
0

웹팩이란?
자바스크립트 개발시 다양하고 여러파일들이 존재한다. (html, css, js, image 등등) 여러파일들을 하나의 결과물로 만들어서 효율적으로 통신할 수 있게해주는 모듈 번들러이다.

웹팩을 사용하는이유
자바스크립트 파일에는 .scss, .sass, .css, .png, 또는 여러개의 .js 파일들이 있을 수 있는데 여러 파일 결과물을 하나의 파일로 빌드시켜준다. 데이터 요청을 할떄 여러번 요청을 하지않고 한번의 요청으로 빠르게 데이터를 받아올 수 있다.

웹팩 사용방법

Entry point — 파일의 시작점이 어디인지 알려줍니다.
Output — 시작점에서 시작한 파일들이 하나의 js 파일로 변환시켜 줍니다.
Loaders — 다양한 파일 확장자를 다룰 수 있도록 도와주는 서드파티 확장 프로그램입니다. JS가 아닌 파일들을 모듈로 바꿔줍니다.
Plugins — 웹팩의 동작 방식을 바꿔주는 서드파티 확장 프로그램들입니다.

0개의 댓글