[8] Vue Loader

개요

싱글 파일 컴포넌트를 브라우저에서 실행할 수 있게 자바스크립트 파일로 변환해주는 웹팩 로더이다.

 

장점

1) ES6을 지원한다.

2) <style>과 <template>에 대한 각각의 웹팩 로더를 지원한다. ex) sass, jade

3) 각 .vue 컴포넌트의 스코프로 좁힌 css 스타일링을 지원한다.

4) 웹팩의 모듈 번들링에 대한 지원과 의존성 관리가 제공된다.

5) 개발 시 Hot Module Replacement(HMR)을 지원한다.

 

※ Hot Module Replacement(HMR)이란?

- 브라우저를 새로 고치지 않아도 웹팩으로 빌드한 결과물이 웹App에 실시간으로 반영될 수 있게 도와주는 설정이다.

- 브라우저 새로 고침을 위한 LiveReload 대신에 사용할 수 있으며 웹팩 데브 서버와 함께 사용할 수도 있다.

- 리액트, 앵귤러, 뷰 등 대부분 프레임워크에서 HMR을 사용할 수 있는 로더를 지원하고 있다.

 

출처 : 

joshua1988.github.io/web-development/vuejs/vuejs-tutorial-for-beginner/#vuejs%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80

Vue.js 입문서 - 프론트엔드 개발자를 위한

joshua1988.github.io/webpack-guide/devtools/hot-module-replacement.html

Hot Module Replacement | 웹팩 핸드북