#Solid plugin

The Solid plugin provides support for Solid features. The plugin internally integrates babel-preset-solid.

#Quick start

#Install plugin

You can install the plugin using the following command:

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

#Register plugin

You can register the plugin in the rsbuild.config.ts file:

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

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

After registering the plugin, you can directly develop Solid.

#Options

To customize the compilation behavior of Solid, use the following options.

#solidPresetOptions

Options passed to babel-preset-solid, please refer to the babel-preset-solid documentation for detailed usage.

• Type: SolidPresetOptions
• Default: {}
• Example:

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