Registry / web-framework / vite-plugin-react-esbuild

vite-plugin-react-esbuild

library0.1.2jsnpmunverified

A Vite plugin for React that uses esbuild for JSX/TSX transformation and babel for React Fast Refresh in development, and esbuild exclusively in production. Current stable version is 0.1.2. It aims to provide faster builds by leveraging esbuild where possible, with a similar API to @vitejs/plugin-react. Key differentiator: esbuild-based transform for both development and production, unlike @vitejs/plugin-react which uses babel for development. Release cadence is not well-defined, as it is a relatively new plugin.

web-framework

npm install vite-plugin-react-esbuild

github ↗package ↗

INSTALL

IMPORT

SIG · VITE-PLUGIN-REACT-

vite-plugin-react-esbuild

web-frameworkjavascriptv0.1.2

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 react from 'vite-plugin-react-esbuild'

✗ import { react } from 'vite-plugin-react-esbuild'

The default export is the plugin function; named export does not exist.

ReactPluginOptions

✓ import type { ReactPluginOptions } from 'vite-plugin-react-esbuild'

✗ import { ReactPluginOptions } from 'vite-plugin-react-esbuild'

Options type is exported as a named type, not a value. Use type import to avoid bundling.

require()

✓ const react = require('vite-plugin-react-esbuild')

✗ const { react } = require('vite-plugin-react-esbuild')

CommonJS require returns the default export directly; destructuring is incorrect.

Shows how to configure the plugin in vite.config.ts with a typical setup.

// vite.config.ts import { defineConfig } from 'vite' import react from 'vite-plugin-react-esbuild' export default defineConfig({ plugins: [ react({ // Same options as @vitejs/plugin-react jsxImportSource: 'react', babel: { plugins: [] } }) ] })

Debug

Known issues

breakingRequires Vite 3+ and esbuild >=0.14.51. Older versions are not supported.

fix

Update Vite to ^3.0.0 and esbuild to >=0.14.51.

affects: < 0.1.0

deprecatedThe babel option is only for development; in production babel is not used.

fix

Use the babel option only for development-specific plugins; for production, configure esbuild options if needed.

affects: >= 0.0.0

gotchaOptions are the same as @vitejs/plugin-react, but some options may not be fully supported due to esbuild limitations.

fix

Check the plugin's source code or issues for list of supported options.

affects: >= 0.0.0

gotchaReact Refresh is only enabled in development; ensure you have a compatible setup.

fix

Do not rely on Fast Refresh in production builds.

affects: >= 0.0.0

Errors

Common errors & fixes

Error: Cannot find module 'vite-plugin-react-esbuild'

Package not installed or incorrect peer dependencies

fix

Run `npm install vite-plugin-react-esbuild --save-dev` and ensure vite and esbuild are installed.

TypeError: react is not a function

Importing the plugin as named export instead of default

fix

Use `import react from 'vite-plugin-react-esbuild'` (default import).

Error: [vite] Cannot find module 'esbuild'

esbuild peer dependency not installed

fix

Run `npm install esbuild@>=0.14.51 --save-dev`.

Upgrade

Version history

0.1.2latest on npm

Audit

Dependencies

viterequiredpeer dependency required to function as a Vite plugin

esbuildrequiredpeer dependency required for JSX/TSX transformation

Agent activity

10 hits · last 30 days

node

Amazon

OpenAI (training)

Resources

githubhttps://github.com/Dunqing/vite-plugin-react-esbuild ↗

packagehttps://www.npmjs.com/package/vite-plugin-react-esbuild ↗