- Vue JSX plugin for Vue 3.
- Supports Rollup, Rolldown, Vite, esbuild, Webpack and more.
npm i -D unplugin-vue-jsxVite
// vite.config.ts
import VueJsx from 'unplugin-vue-jsx/vite'
export default defineConfig({
plugins: [VueJsx()],
})Rollup
// rollup.config.js
import VueJsx from 'unplugin-vue-jsx/rollup'
export default {
plugins: [VueJsx()],
}Rolldown
// rolldown.config.js
import VueJsx from 'unplugin-vue-jsx/rolldown'
export default {
plugins: [VueJsx()],
}esbuild
import { build } from 'esbuild'
import VueJsx from 'unplugin-vue-jsx/esbuild'
build({
plugins: [VueJsx()],
})Webpack
// webpack.config.js
import VueJsx from 'unplugin-vue-jsx/webpack'
export default {
/* ... */
plugins: [VueJsx()],
}Rspack
// rspack.config.js
import VueJsx from 'unplugin-vue-jsx/rspack'
export default {
/* ... */
plugins: [VueJsx()],
}The following show the default values of the configuration.
VueJsx({
// filters for transforming targets
include: [/\.[jt]sx$/],
exclude: [/node_modules/],
sourceMap: true,
// See https://babeljs.io/docs/babel-parser#options
parserOpts: {
plugins: [
/* ... */
],
},
// Use extra babel plugins
babelPlugins: [],
// Extra options from Vue Babel plugin: https://github.com/vuejs/babel-plugin-jsx#options
// ...
})
MIT License © 2022-PRESENT Kevin Deng