简体中文

Solid

如何使用

Rspack 提供两种方案来支持 Solid：

使用 Rsbuild：Rsbuild 提供对 Solid 开箱即用的支持，能够快速创建一个 Solid 项目，详见 Rsbuild - Solid。
手动配置 Rspack：你可以参考当前文档，手动添加 Solid 相关的配置。

配置 Solid

得益于 Rspack 对 babel-loader 的良好兼容，在 Rspack 里使用 Solid 是非常简单的。只需要 babel-loader 配合 Solid 的 babel-solid-preset 即可。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;

ON THIS PAGE

Solid#

如何使用#

配置 Solid#

Solid

如何使用

配置 Solid