본문 바로가기

Frontend/WEBPACK

[webpack] 공식문서 공부하기 (1). intro

반응형

webpack is a module bundler.

Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

 

웹팩은 모듈 번들러이다.

웹팩의 주된 목적은 브라우저에서 사용하는 자바스크립트 파일을 번들해주는 것이지만

다른 리소스들또한 번들링,패키징이 가능하다.

 

 

cf). what is bundle?

묶거나 묶은 재료 또는 수량의 모음.

 

1. 모듈 시스템을 이용하여 코드를 작성함

2.다른 파일에서 불러서 사용

(여기서는 2개의 파일밖에 없지만 프로젝트에서는 의존성을 가지는 수많을 파일이 있다.)

------------------------------------

webpack : 하나의 파일로 만들어 (번들링하여) html에서 load (bundle.js)

 

 

이것이 웹팩의 대략적인 실행방식이다.

 

다음포스팅은 왜 web pack을 사용해야하는지에 대해서 포스팅해야겠다.

반응형