[강의 노트] 웹팩

웹팩

최신 프론트엔드 프레임워크에서 가장 많이 사용되는
모듈 번들러

모듈 번들링

출처: https://joshua1988.github.io/webpack-guide/webpack/what-is-webpack.html#%EC%9B%B9%ED%8C%A9%EC%97%90%EC%84%9C%EC%9D%98-%EB%AA%A8%EB%93%88

• 웹 어플리케이션을 구성하는 몇십, 몇백개의 자원들의 연관관계를 파악해서 웹팩이 하나의 파일로 병합 및 압축 해주는 동작을 모듈 번들링이라고 함
• 빌드, 번들링, 변환 모두 같은 의미
• 하나의 웹 서비스를 구성하는 모든 파일들을 해석한 다음에 하나로 합쳐주는게 모듈 번들러임
  
  

웹팩 설정파일

node path 라이브러리 들고와서 resolve api 사용

output이 웹팩을 entry에 있는 파일을 대상으로 돌려서 결과물이 나오는데
filename과 path 사용함