@vitejs/plugin-vue 是一个 Vite 插件，它可以让 Vite 可以解析 .vue 文件。它支持 Vue 3 的特性，支持 SFC（Single File Component）和组件的热更新。
使用方法：
1. 安装
npm install @vitejs/plugin-vue
2. 在 vite.config.js 中配置插件：
import VuePlugin from '@vitejs/plugin-vue'
export default {
plugins: [VuePlugin()]
}
3. 在项目中编写 .vue 文件：
<template>
<div>
<h1>Hello World</h1>
</div>
</template>
<script>
export default {
data () {
return {
message: 'Hello Vue!'
}
}
}
</script>
4. 在项目中引用 .vue 文件：
import MyComponent from './MyComponent.vue'
export default {
components: {
MyComponent
}
}
5. 使用热更新：
import { hot } from '@vitejs/plugin-vue'
hot(import.meta)
6. 将组件编译为 JavaScript：
vite build
本文链接：http://task.lmcjl.com/news/12477.html