vue3 vite支持jsx

安装依赖

npm i @vitejs/plugin-vue-jsx -D

配置vite.config.js

import vueJsx from "@vitejs/plugin-vue-jsx";

defineConfig(() => {
    return {
        plugins: [
            // copilot推荐的顺序，返过来尝试，仍然可用
            vue(),
            vueJsx(),
        ]
    }
})

.vue文件中的使用

<script setup lang="tsx">
const vnode = <div>hello jsx</div>
</script>

使用方法

官方文档：vuejs.org/guide/extra…