将最新的 terser-webpack-plugin 与 Webpack5 一起使用

根据这个链接（简洁的文档） https://webpack.js.org/plugins/terser-webpack-plugin/#terseroptions如果您使用最新的 Webpack 5，则无需安装 Terser 插件，因为它已包含在 Webpack 5 中。然而，我很难让这个工作正常进行。

如果我删除terser-webpack-plugin从我的packages.json文件，我尝试像这样使用它（参见下面的 webpack.development.js），我收到如下构建错误：

[webpack-cli] 无法加载“D:\Project\React\MyApp\config\webpack.production.js”配置

[webpack-cli] 错误：找不到模块“terser-webpack-plugin”

webpack.生产.js

const TerserPlugin = require('terser-webpack-plugin');
const webpack = require('webpack');
const { merge } = require('webpack-merge');

module.exports = merge(commonCfg, {
        ......
        optimization: {
            minimize: true,
            minimizer: [new TerserPlugin({
                cache: false,
                parallel: false,
                sourceMap: true,
            })]
        },

现在，如果我包括最新的terser-webpack-plugin我的版本（5.1.1）package.json并运行我的构建，我收到以下错误消息：

[webpack-cli] 无法加载“D:\Project\React\MyApp\config\webpack.production.js”配置

[webpack-cli] 选项对象无效。 Terser 插件已 使用与 API 不匹配的选项对象进行初始化 架构。

• options 有一个未知属性“sourceMap”。这些属性是有效的：object { test?, include?, except?, terserOptions?, extractComments？，并行？，缩小？ }

我能让这项工作成功的唯一方法就是保持terser-webpack-plugin在 4.2.X 版本上。

有没有办法让我可以使用最新的 Terser 版本来完成这项工作？或者也许我误解了文档？

您好，这是我解决 Terserof Webpack 5 的方法

Webpack 5 之前：

minimizer: [
  new TerserPlugin({
    terserOptions: {
      mangle: {
        compress: {},
      },
    }
  })
]

Webpack 5 之后：

minimizer: [
  (compiler) => {
    const TerserPlugin = require('terser-webpack-plugin');
    new TerserPlugin({
      terserOptions: {
        compress: {},
      }
    }).apply(compiler);
  },
]

你可以在这里读更多关于它的内容https://webpack.js.org/configuration/optimization/ https://webpack.js.org/configuration/optimization/并检查 terser 选项，检查此 urlhttps://github.com/webpack-contrib/terser-webpack-plugin#terseroptions https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions

这是我的文章的链接，解决了更多迁移错误问题https://medium.com/@arianpopalyar/webpack-4-to-webpack-5-migration-9bc683d2bc72 https://medium.com/@arianpopalyar/webpack-4-to-webpack-5-migration-9bc683d2bc72