简体中文

Solid 插件

Source

Solid 插件提供了对 Solid 的支持，插件内部集成了 babel-preset-solid。

快速开始

安装插件

你可以通过如下的命令安装插件:

npm

yarn

pnpm

bun

npm add @rsbuild/plugin-babel @rsbuild/plugin-solid -D

注册插件

你可以在 rsbuild.config.ts 文件中注册插件：

rsbuild.config.ts

import { pluginBabel } from '@rsbuild/plugin-babel';
import { pluginSolid } from '@rsbuild/plugin-solid';

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

注册插件后，你可以直接进行 Solid 开发。

TIP

由于 Solid 的 JSX 依赖 Babel 进行编译，因此你需要额外添加 Babel 插件。

Babel 编译会产生额外的编译开销，在上述例子中，我们通过 include 来匹配 .jsx 和 .tsx 文件，从而减少 Babel 带来的性能开销。

选项

如果你需要自定义 Solid 的编译行为，可以使用以下配置项。

solidPresetOptions

传递给 babel-preset-solid 的选项，请查阅 babel-preset-solid 文档来了解具体用法。

类型： SolidPresetOptions
默认值： {}
示例：

pluginSolid({
  solidPresetOptions: {
    generate: 'ssr',
    hydratable: true,
  },
});

#Solid 插件

#快速开始

#安装插件

#注册插件

#选项

#solidPresetOptions

#Solid 插件

#快速开始

#安装插件

#注册插件

#选项

#solidPresetOptions

Solid 插件

快速开始

安装插件

注册插件

选项

solidPresetOptions

Solid 插件

快速开始

安装插件

注册插件

选项

solidPresetOptions