UglifyJS 和 webpack v5

Question

我们一直在为我们的 React 代码使用 UglifyJS 和 webpack v4，但后来才更新到 webpack v5。 UglifyJS 似乎不适用于 webpack v5。 有其他选择吗？ 我们需要一些与 babel-loader 一起工作的东西。

谢谢

Answer 1

Webpack 5 自带terser-webpack-plugin开箱即用，因此您可以直接import并根据需要进行配置。

Answer 2

下面是一个关于如何使用 webpack 的 Terser 插件的例子。

// webpack.config.js
const TerserPlugin = require("terser-webpack-plugin");

const config = {
    ...
    optimization: {
        minimize: true,
        minimizer: [
            new TerserPlugin(),
        ],
    }
};