【来实现一个简单的 Vite 吧 】第四章 - 编译单文件组件

第四章 - 编译单文件组件

书接上回 【来实现一个简单的 Vite 吧】！第三章 - 加载第三方模块,接下来我们来处理 编译单文件组件的问题。

浏览器无法处理我们在 main.js 中引用的单文件模块和样式模块，浏览器只能够处理js模块，所以单文件模块，需要在我们的服务器中转换成js文件

参考

接下来，我们打开浏览器参考 vite 中怎么处理单文件组件，其他的模块就先按下不表。

从这里我们可以看见，在我们请求单文件组件的时候，服务器会编译单文件组件，并且把编译好的文件返回给浏览器，然后我们会再次请求一次 图中标记的模块

这次的请求是为了，让服务器将单文件转换为render函数。然后再 App.vue中再使用这个函数

编译单文件组件

Vue3中给我们