Webpack

모듈의 개념 이해하기

웹팩도입의 효용 => 리팩토링 1) 서버 접속시 커넥션이 한번만 이루어짐 2) 구 브라우저에서 동작하지 않는 코드를 동작하도록 변환하여 구 브라우저를 지원

webpack.config.js

Webpack Mode

로더는 웹팩의 핵심이라고 할 수 있음 HTML에 CSS를 link로 연결했을때, 다운로드 되는 파일은 style.css와 index_bundle.js 총 2가지이다. js처럼 css도 번들링 할 수 없을까? loader 입력한 asset(css, jpg...)들을

최종 결과를 어떻게 원하는데로 출력할 것인가. webpack.config.js 번들링할 파일을 명시한다. 결과파일의 이름을 지정한다. ✨참고 1) https://webpack.kr/configuration/output/ 2) https://www.youtube.c

웹팩에는 두 가지 형태의 확장기능이 있다. 1) loader : 가지고 있는 asset을 최종 output으로 만드는 과정에서 사용됨 2) plugin : 최종 결과물을 변환한다. loader보다 더 복합적이며, 더 자유로운 일을 많이 할 수 있다. 플러그인은 플러그인마다 사용방법이 제각각 다르다. 예제로 사용할 플러그인은 HtmlWebpackPlugi...

npx webpack --watch

lodash