JSX 配置

为了最佳体验，请确保已配置vueJsx()插件

安装

# with npm
npm i -D @vitejs/plugin-vue-jsx
# with yarn
yarn add -D @vitejs/plugin-vue-jsx

配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 引入
import vueJsx from '@vitejs/plugin-vue-jsx'

export default defineConfig({
  ···
  // 配置
  plugins: [vue(), vueJsx()]
})

若使用 Typescript，在tsconfig.json中设置：

{
  "compilerOptions": {
    ···
    "jsx": "preserve",
    ···
  },
  "include": ["./**/*.ts", "./**/*.d.ts", "./**/*.tsx", "./**/*.vue"]
}