swc-loader

此模組讓您可以將 SWC 與 webpack 搭配使用。

安裝

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 套件組