vue-loader 本质上是一个 webpack 的 loader,是用于处理单文件组件， loader 用于对模块的源代码进行转换。

一：作用

1：解析和转换.vue文件，把代码分割为<template>、<script>、<style>

2：提取出其中的逻辑代码 script,样式代码style,以及HTML 模板template，再分别把他们交给对应的loader去处理

二：用途

1：主要是为了降级，js可以写高阶语法，style样式可以写scss、less，template可以加jade

三：原理

1：selector=>将.vue文件解析拆分成一个parts对象，其中分别包含style、script、template

2：style-compiler=>解析style部分

3：template-compiler=> 解析template部分

4：babel-loader=>解析script部分，并转换为浏览器能识别的普通js