vite官方提供了一个插件----@vitejs/plugin-vue-jsx
官网:https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx
- 安装方式
yarn add @vitejs/plugin-vue-jsx -D
- vite.config.js 添加插件
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import vueJsx from '@vitejs/plugin-vue-jsx'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(),vueJsx()],
});
以上,便可以在项目中使用jsx书写组件啦