Solid

In this document, you will learn how to build a Solid application using Rsbuild.

Create Solid Project

You can use create-rsbuild to create a project with Rsbuild + Solid. Just execute the following command:

npm
yarn
pnpm
bun
npm create rsbuild@latest

Then select Solid when prompted to "Select framework".

Use Solid in an existing project

To compile Solid components, you need to register the Rsbuild Solid plugin. The plugin will automatically add the necessary configuration for Solid builds.

For example, register in rsbuild.config.ts:

rsbuild.config.ts
import { defineConfig } from '@rsbuild/core';
import { pluginBabel } from '@rsbuild/plugin-babel';
import { pluginSolid } from '@rsbuild/plugin-solid';

export default defineConfig({
  plugins: [
    pluginBabel({
      include: /\.(?:jsx|tsx)$/,
      exclude: /[\\/]node_modules[\\/]/,
    }),
    pluginSolid(),
  ],
});