웹팩

웹팩을 하기 전에

일단

번들링(Bundling)이라는 개념을 알아야 되는데,

번들링이 뭐냐면,?

우리가 개발한 파일을 하나로 합쳐주는애를 번들러(Bundler)라고 해요.

꼭 자바스크립트만은 아니고 ,HTML 파일이 될 수도 있고,

이미지가 될 수도 있고 , css가 될 수도 있고,

어쩃든 그런 파일들을 뭔가 요렇게 최적화를 하면서 압축을 해주면서 자바스크립트 파일은 하나로 합쳐준다든지

이런식으로 그렇게 처리를 해주는 것을 번들링이라고 부르는데,

그 번들링 하는 툴을 번들러라고 불러요.

그리고

바로 이 웹팩은 뭐냐

여러가지 번들러들 중에서 가장 인기 있는 번들러에요 .

이 웹팩으로 번들링한 최종 파일들을,

우리 웹 서버에 올려서 서비스를 하는 거죠.

이 사용자가 브라우져에 접속해서 받아보는 파일은,

이 웹팩으로 번들링이 끝난 최종 버전 파일이 되는 거죠.

제가 미리

웹팩을 바로 테스트해 보실 수 있게,

소스코드를 완성해서 github애다가 올려놨어요.

웹팩을 구동하는 것 자체가 노드를 사용을 하기 때문에,

노드js를 받드시 설치를 해야 웹팩을 사용할 수 있다.

앞으로 자바스크립트로 개발하실 분들은,

거의 필수적으로 노드는 깔려있어야함

———

빌드 : 최종 배포용 파일을 dist 폴더 안에 만들자는 뜻임