CODEWITHSUNDEEP
webpackwebpack-4uglifyjsterser
vgoklani
vgoklani

Reputation: 11736

UglifyJS and webpack v5

We've been using UglifyJS and webpack v4 for our react code, but then just updated to webpack v5. It appears that UglifyJS does not work with webpack v5. Is there an alternative? We need something that works with babel-loader.

Thanks

Upvotes: 25

Views: 34416

Answers (2)

8ctopus
8ctopus

Reputation: 3237

As Sam said, Webpack 5 comes with the Terser plugin which does what UglifyJS used to do. Here's an example on how to use the Terser plugin for webpack.

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

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

Upvotes: 21

Sam Chen
Sam Chen

Reputation: 2148

Webpack 5 comes with terser-webpack-plugin out of the box, hence you can just import it and configure as you wish.

Upvotes: 30

Related Questions