开启optimization.minimizer，导致一些代码压缩没有分号，报错TypeError: {(intermediate value)(intermediate value)} is not a function

[limuen]

我发现一个问题，我开启了minimizer，但是只要打包生产，有一个地方是
let obj = {}
api().then

打包出来的产物是
let a = ({0: "账号停用成功！", 1: "账号启用成功！"})(0, l.hF)({ id: t,used: e}).then

然后点击按钮触发这个方法以后，就会报错TypeError: {(intermediate value)(intermediate value)} is not a function

这是我的rspack的optimization

optimization: {
    minimize: !isDev,
    nodeEnv: false,
    moduleIds: 'deterministic',
    splitChunks: !isDev ? {
      chunks: 'all',
      minSize: 200000,
      maxSize: 0,
      cacheGroups: {
        styles: {
          name: 'styles',
          test: /.(css|less|scss)$/, 
          chunks: 'all', 
          enforce: true,
          priority: 10,
        },
      },
    } : false,
    minimizer: [
      new rspack.LightningCssMinimizerRspackPlugin({
        exclude: 'static/tinymce4.7.5'
      }),
    ],
  },

目前已解决，我的方案是

new rspack.SwcJsMinimizerRspackPlugin({
    format: {
      semicolons: true,  // 确保添加分号，防止 ASI 导致的问题
    },
    mangle: true,    // 启用变量名混淆，减小代码体积
    sourceMap: false // 不生成 sourceMap，减小构建体积
})

在rules里面添加

{
  test: /\.js$/,
  exclude: /node_modules/,
  type: 'javascript/auto', 
  use: {
    loader: 'builtin:swc-loader',
    options: {
      jsc: {
        parser: {
          syntax: 'ecmascript'
        },
        transform: null
      },
      minify: false 
    }
  }
}

这样即可打包出来的产物有分号。

我想问的是还有没有其他更好的解决方案呢？感谢