.vue文件是如何转化成浏览器可以解读的代码的？

Question

文件转化的过程中经历了哪些事情？ 面试被问到，查了一下没找到具体的答案，虚心求教。

Answer 1

估计你是关键字没找对，可以搜索 vue AST。

大纲和流程图可以看这篇：https://www.cnblogs.com/xuqp/...

Answer 2

打开你的vue项目你会发现有一个package.js文件（选用iview框架源码）

其中script对象中有dev或者build属性对应了webpack文件

"dev": "webpack-dev-server --content-base **build/webpack.dev.config.js**",

然后我们打开对应文件 build/webpack.base.config.js

这下我们知道了vue文件依靠webpack的vue-loader进行转换。

这里有vue-loader的源码，如果想知道内部做了什么可以去看看 vue-loader

希望能够帮助到你