在Vue3中使用vite和TSX创建vite项目 pnpm create vite mangosteen-fe -- -

创建vite项目

pnpm create vite mangosteen-fe -- --template vue-ts

使用TSX

安装使用

pnpm add @vitejs/plugin-vue-jsx

vite.config.ts配置插件

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from "@vitejs/plugin-vue-jsx";

export default defineConfig({
  // base: "/loon-sccount-vue3/dist/",
  plugins: [
    vue(),
    vueJsx({
      transformOn: true,
      mergeProps: true,
    }),
  ],
});