Solid

在这篇文档中，你可以了解到如何基于 Rsbuild 来构建一个 Solid 应用。

创建 Solid 项目

你可以使用 create-rsbuild 来创建一个 Rsbuild + Solid 的项目，调用以下命令：

npm

yarn

pnpm

bun

npm create rsbuild@latest

然后在 Select framework 时选择 Solid 即可。

在已有项目中使用 Solid

为了能够编译 Solid 组件，你需要注册 Rsbuild 的 Solid 插件，插件会自动添加 Solid 构建所需的配置。

例如，在 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)$/,
    }),
    pluginSolid(),
  ],
});

Solid#

创建 Solid 项目#

在已有项目中使用 Solid#

Solid

创建 Solid 项目

在已有项目中使用 Solid