Vue面试题31：vue-loader是什么，它有什么作用？（总结自B站up主‘前端杨村长’视频，仅供自用学习）

• 思路

  • vue-loader是什么东西；
  • vue-loader的作用；
  • vue-loader何时生效；
  • vue-loader如何工作；

• 回答范例

  • 1.vue-loader是用于处理单文件组件（SFC，Single-File Component）的webpack loader；
  • 2.因为有了vue-loader，我们就可以在项目中编写SFC格式的Vue组件，我们可以把代码分割为<template>、<script>和<style>，代码会异常清晰。结合其他loader我们还可以用Pug编写<template>，用SASS编写<style>，用TS编写<script>。我们的<style>还可以单独作用当前组件；
  • 3.webpack打包时，会以loader的方式调用vue-loader，因此它会在打包时去执行；
  • 4.vue-loader被执行时，它会对SFC中的每个语言块用单独的loader链处理，最后将这些单独的块装配成最终的组件模块；