웹팩 튜토리얼

튜토리얼1

디렉토리생성

npm init-y

index.js

under.js

 

웹팩설치

npm install -D webpack webpack-cli

번들링하기

npx webpack

개념

enrty 경로 파일에서 필요한 모든 것을 webpack이 모아서 번들링한다.

번들링의 결과물이 output 경로로 산출

 

튜토리얼2

loader는 JavaScript, JSON이 아닌 파일을 불러오는 역할

 

튜토리얼3

플러그인은 번들링 과정 중에 개발자가 원하는 다양한 작업을 할 수 있도록 도와준다.

html-webpack-plugin은 번들링 과정 중 html 파일을 자신이 원하는 형태로 가공하여 번들에 포함