Как заставить create-vue парсить JSX без проблем (как это делает VueCLI)
Я широко использую для настройкиNaive-UI
библиотечные элементы. Но после перехода с на я заметил, что он не понимает JSX в.vue
файл вообще. Например, он бросаетUncaught SyntaxError: Unexpected token '<'
для этого:
const x = <div>Hi all</div>;
Но VueCLI понимает... Итак, вопрос:
как сделать так, чтобыcreate-vue
разобратьJSX
без проблем (какVueCLI
делает)?
PS. Вот vite.config.js
import { fileURLToPath, URL } from "node:url";
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()],
resolve: {
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url)),
},
},
});