webpack开发vue-cli项目时，调试原理是啥？

Question

webpack开发vue-cli项目时，调试原理是啥？
1、webpack开发环境时，是否生成了一个打包文件？
2、webpack是怎么把vue文件打包的？
3、为什么开发的时候，debugger能对应到相应的vue文件里面？

Answer 1

1、开发环境下，静态资源都在内存中，通过websocket监听资源变动，做到热更新。
2、打包vue文件是vue-loader干的事，根据<template>这类标签将文件内容拆分，然后分别用其他loader打包编译（如babel, sass等）
3、sourceMap

Answer 2

sourceMap