#Solid

#How to use

Rspack provides two solutions to support Solid:

• Use Rsbuild: Rsbuild provides out-of-the-box support for Solid, allowing you to quickly create a Solid project. See Rsbuild - Solid for details.
• Manually configure Rspack: You can refer to the current document to manually add configurations for Solid.

#Configure Solid

Thanks to the good compatibility of Rspack with the babel-loader, it is very easy to use Solid in Rspack. All you need is babel-loader and Solid babel preset. Rspack provides Solid example for reference.

import { defineConfig } from '@rspack/cli';  export default defineConfig({  entry: {  main: './src/index.jsx',  },  module: {  rules: [  {  test: /\.jsx$/,  use: [  {  loader: 'babel-loader',  options: {  presets: ['solid'],  plugins: ['solid-refresh/babel'],  },  },  ],  },  ],  }, });