웹팩(webpack)

script를 불러올때, 변수가 중복의 문제가 있다. 

이를 해결하기 위해 모듈이 등장했다.

하지만 이러한 모듈들을 전부 다운로드 받으면, 많은 computing power가 필요하며, 네크워트 자원도 많이 소요된다.

여러개의 파일을 묶어주는 역할을 하는 것이 번들러 이다. 

[JS] Webpack을 쓰는 이유 | INGG.

[JS] Webpack을 쓰는 이유

Leejaeyeop/wepack-example (github.com)

GitHub - Leejaeyeop/wepack-example

 

node.js 에서 webpack 및 cli 설치,

webpack.config.js 로 config 설정

entry로 설정

loader 설정

1. npm install style-loader css-loader