Registry / web-framework / esbuild-plugin-vue-jsx

esbuild-plugin-vue-jsx

library0.1.0jsnpmunverified

esbuild plugin providing Vue 3 JSX support via @vue/babel-plugin-jsx. Current version 0.1.0, active development. It integrates Vue's JSX compiler into esbuild's build pipeline for fast bundling. Differentiated from @vitejs/plugin-vue-jsx by being esbuild-native and not requiring Vite. Ships TypeScript types. Limited adoption; alternatives exist.

web-framework

npm install esbuild-plugin-vue-jsx

package ↗

INSTALL

IMPORT

SIG · ESBUILD-PLUGIN-VUE

esbuild-plugin-vue-jsx

web-frameworkjavascriptv0.1.0

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import vueJsx from 'esbuild-plugin-vue-jsx'

✗ import { vueJsx } from 'esbuild-plugin-vue-jsx'

Default export only; named import will fail.

vueJsx (default import)

✓ const vueJsx = require('esbuild-plugin-vue-jsx')

✗ const { vueJsx } = require('esbuild-plugin-vue-jsx')

In CommonJS, destructuring from default export is incorrect.

TypeScript usage

✓ import type VueJsxOptions from 'esbuild-plugin-vue-jsx'

✗ import VueJsxOptions from 'esbuild-plugin-vue-jsx'

Use type import to avoid runtime side effects.

Builds a Vue 3 JSX entry point with esbuild using the plugin, showing how to pass options to the underlying Babel JSX plugin.

import { build } from 'esbuild'; import vueJsx from 'esbuild-plugin-vue-jsx'; await build({ entryPoints: ['src/app.tsx'], bundle: true, outfile: 'dist/app.js', plugins: [ vueJsx({ // Pass options to @vue/babel-plugin-jsx mergeProps: false, enableObjectSlots: false, }), ], });

Debug

Known issues

gotchaThe plugin requires @vue/babel-plugin-jsx to be installed separately; it is a direct dependency but not automatically included.

fix

Ensure @vue/babel-plugin-jsx is in your package.json.

affects: >=0.0.0

deprecatedVersion 0.1.0 is early; API may change without major version bump.

fix

Pin exact version or monitor releases closely.

affects: <1.0.0

gotchaThe plugin only supports Vue 3 JSX syntax; Vue 2 projects require a different solution.

fix

Use Vue 2 specific plugins if targeting Vue 2.

affects: >=0.0.0

Errors

Common errors & fixes

Error: Cannot find module '@vue/babel-plugin-jsx'

Missing dependency @vue/babel-plugin-jsx.

fix

npm install @vue/babel-plugin-jsx --save-dev

TypeError: vueJsx is not a function

Improper import: named import instead of default.

fix

Use default import: import vueJsx from 'esbuild-plugin-vue-jsx'

Upgrade

Version history

0.1.0latest on npm

Audit

Dependencies

@vue/babel-plugin-jsxrequiredCore JSX transformation for Vue 3 components

esbuildrequiredPeer dependency, the bundler this plugin extends

Agent activity

2 hits · last 30 days

node

Resources

packagehttps://www.npmjs.com/package/esbuild-plugin-vue-jsx ↗