[Vue.js] Vue Loader, webpack

vue-loader

작성된 Vue 컴포넌트를 일반적인 자바스크립트 모듈로 변환할 수 있는 webpack에서 사용하는 로더

webpack

모듈의 묶음, 각 파일을 모듈로 간주하고 파일 간의 종속성을 파악한 다음 정적 Asset으로 묶어서 배포합니다.

 

npm install

의존성 모듈 설치 

패키지의 배포 시 포함될 의존성 모듈을 지정

$ npm install --save MODULE_NAME
# or 
$ npm i MODULE_NAME

개발성 의존성 모듈 설치

패키지의 개발 시 사용될 의존성 모듈을 지정합니다.(배포 시 포함되지 않습니다

$ npm install --save-dev MODULE_NAME
# or
$ npm i -D MODULE_NAME

 

Webpack

 

webpack 웹팩의 핵심 패키지

webpack-cli 터미널에서 웹팩 명령(Commands)를 실행할 수 있게 해주는 도구

$ npm i -D webpack webpack-cli

webpack-dev-server 개발용으로 실시간 Reload 서버를 실행하기 위해 설치

$ npm i -D webpack-merge