webpack - 이론 및 실습

NPM(Node Package Manager)은 Node.js를 설치하면 자동으로 설치가 된다. NPM은 명령어로 자바스크립트 라이브러리를 설치하고 관리할 수 있는 패키지 매니저로, 전 세계 자바스크립트 개발자들이 모두 자바스크립트 라이브러리를 공개된 저장소에 올려놓고

최신 프론트엔드에서 가장 많이 사용하는 모듈 번들러(Module Bundler)로 웹 애플리케이션을 구성하는 자원(HTML, CSS, Javascript, Images 등) 모두 각각의 모듈로 보고 이를 종합해서 병합된 하나의 결과물로 만드는 도구이다.웹팩에서 모듈은

바벨은 주로 ECMAScript 2015+ 코드를 현재 및 과거의 브라우저와 같은 환경에서 호환되는 버전으로 변환하는데 주로 사용되는 도구이다.

entry, output, loader, plugin에 대한 웹팩의 주요 4가지 속성을 이해하고 넘어가기

변경된 코드를 브라우저에서 확인이 필요할때 $ npm run build 통한 번들링 작업없이도 수정즉시 브라우저 새로고침되어 확인 가능함.