UglifyJS 和 webpack v5

Question

我们一直在使用 UglifyJS 和 webpack v4 作为我们的 React 代码，但后来才更新到 webpack v5。UglifyJS 似乎不适用于 webpack v5。有替代方案吗？我们需要一些可以与 babel-loader 配合使用的东西。

谢谢

Answer 1

正如 Sam 所说，Webpack 5 附带了 Terser 插件，它可以完成 UglifyJS 过去所做的事情。以下是有关如何使用 webpack 的 Terser 插件的示例。

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

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

Answer 2

Webpack 5 是terser-webpack-plugin开箱即用的，因此您可以import随心所欲地配置它。