swc-loader

このモジュールを使用すると、WebpackでSWCを使用できます。

インストール

pnpm i -D @swc/core swc-loader

使用方法

webpack.config.js

module: {
  rules: [
    {
      test: /\.m?js$/,
      exclude: /(node_modules)/,
      use: {
        // `.swcrc` can be used to configure swc
        loader: "swc-loader"
      }
    }
  ]
}

React開発

jsc.transform.react.development オプションは、Webpackのmode（新しいタブで開きます）に基づいて自動的に設定されます。

babel-loaderを使用

babel-loaderと併用する場合は、parseMapオプションをtrueに設定する必要があります。

webpack.config.js

module: {
  rules: [
    {
      test: /\.m?js$/,
      exclude: /(node_modules)/,
      use: {
        loader: "swc-loader",
        options: {
          parseMap: true
        }
      }
    }
  ]
}

@swc/jest バンドル