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 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:

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(),
  ],
});