Solid

使い方

Rspack は Solid をサポートするために 2 つのソリューションを提供します。

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;

このページの内容

Solid#

使い方#

Solid の設定#

Solid

使い方

Solid の設定