Skip to main content
Deno 2 is finally here 🎉️
Learn more

babel-preset-solid

Babel preset to transform JSX into Solid runtime calls.

Install

Via NPM

npm install babel-preset-solid --save-dev

or Yarn

yarn add babel-preset-solid --dev

Usage

Make or update your .babelrc config file with the preset:

{
  "presets": [
    "solid"
  ]
}

Via package.json

   ...
   "babel": {
     "presets": [
       "es2015",
       "solid"
     ],
     "plugins": [
     ]
   },
   ...

Usage for SSR code

When need to tranform JSX code to be used on the server, pass the following options

{
  "presets": [
    ["solid", { generate: "ssr", hydratable: true }]
  ]
}

And for the browser build pass the hydratable option as well:

{
  "presets": [
    ["solid", { generate: "dom", hydratable: true }]
  ]
}