Solid

如何使用

Rspack 提供两种解决方案来支持 Solid

  • 使用 Rsbuild: Rsbuild 为 Solid 提供开箱即用的支持,允许您快速创建 Solid 项目。有关详细信息,请参见 Rsbuild - Solid
  • 手动配置 Rspack: 您可以参考当前文档手动添加 Solid 的配置。

配置 Solid

由于 Rspack 与 babel-loader 的良好兼容性,在 Rspack 中使用 Solid 非常容易。您只需要 babel-loader 和 Solid babel 预设。Rspack 提供 Solid 示例 供参考。

rspack.config.js
/** @type {import('@rspack/cli').Configuration} */
const config = {
  context: __dirname,
  entry: {
    main: './src/index.jsx',
  },
  module: {
    rules: [
      {
        test: /\.jsx$/,
        use: [
          {
            loader: 'babel-loader',
            options: {
              presets: ['solid'],
              plugins: ['solid-refresh/babel'],
            },
          },
        ],
      },
    ],
  },
};
module.exports = config;