Registry / web-framework / esbuild-plugin-solid

esbuild-plugin-solid

library0.6.0jsnpmunverified

An esbuild plugin for compiling Solid.js JSX components using Babel transforms with babel-preset-solid. Version 0.6.0 pairs with esbuild >=0.20 and solid-js >=1.0. The plugin automatically detects JSX syntax and applies the necessary transformations. Unlike Rollup-based bundlers like Vite/SolidStart, this plugin is a lightweight alternative for simple builds, but it may produce larger bundles due to less effective dead-code elimination. It supports TypeScript via @babel/preset-typescript and offers options for SSR, hydration, and custom Babel configurations.

web-framework ai-ml

npm install esbuild-plugin-solid

github ↗package ↗

INSTALL

IMPORT

SIG · ESBUILD-PLUGIN-SOL

esbuild-plugin-solid

web-frameworkjavascriptv0.6.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

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

solidPlugin

✓ import { solidPlugin } from 'esbuild-plugin-solid'

✗ const solidPlugin = require('esbuild-plugin-solid')

The package exports a single named symbol. Default import is not available. CJS require works as shown in docs.

Shows the minimal setup to bundle a Solid.js entry point with esbuild using the solidPlugin.

const esbuild = require('esbuild'); const { solidPlugin } = require('esbuild-plugin-solid'); esbuild.build({ entryPoints: ['src/index.jsx'], bundle: true, outfile: 'dist/bundle.js', plugins: [solidPlugin()], }).catch(() => process.exit(1));

Debug

Known issues

gotchaDead code elimination is less effective than Rollup; bundle sizes may be significantly larger.

fix

Consider using Rollup or Vite for production builds where output size matters.

affects: >=0.0.0

deprecatedUsing require() is deprecated in ESM environments; prefer import syntax in modern Node.js.

fix

Use import { solidPlugin } from 'esbuild-plugin-solid' with ESM.

affects: >=12.0

gotchaThe plugin only transforms files that contain JSX syntax (detected by a simple regex). Files without JSX are left untouched, which may cause issues if they rely on Solid-specific transforms (e.g., reactive assignments).

fix

Ensure all files needing Solid transforms contain at least one JSX expression.

affects: >=0.0.0

Errors

Common errors & fixes

Error: Cannot find module 'esbuild-plugin-solid'

Package not installed or not in node_modules

fix

Run npm install esbuild-plugin-solid --save-dev

TypeError: solidPlugin is not a function

Using default import instead of named import

fix

Use import { solidPlugin } from 'esbuild-plugin-solid' instead of import solidPlugin from 'esbuild-plugin-solid'

Error: Requires Babel "@babel/core"

Missing Babel dependencies that the plugin expects

fix

Install required Babel packages: @babel/core, @babel/preset-typescript, babel-preset-solid

Upgrade

Version history

0.6.0latest on npm

Audit

Dependencies

esbuildrequiredPeer dependency required for the plugin to apply transforms during builds

solid-jsrequiredPeer dependency required as the runtime for Solid components

Agent activity

18 hits · last 30 days

node

Bingbot

OpenAI (training)

Resources

githubhttps://github.com/amoutonbrady/esbuild-plugin-solid ↗

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