UglifyJS and webpack v5

webpack webpack-4 uglifyjs terser
vgoklani picture vgoklani · Dec 15, 2020 · Viewed 7.1k times · Source

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

Answer

chenxsan picture chenxsan · Dec 15, 2020

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

Related questions

webpack 4 disable uglifyjs-webpack-plugin

I have had this problem for the last 2 days. So I decided to completely disable uglifyjs-webpack-plugin from webpack build process. I was not able to find anything on webpack 4.

Read More
Webpack 4 - create vendor chunk

In a webpack 3 configuration I would use the code below to create separate vendor.js chunk: entry: { client: ['./client.js'], vendor: ['babel-polyfill', 'react', 'react-dom', 'redux'], }, output: { filename: '[name].[chunkhash].bundle.js', path: '../dist', chunkFilename: '[name].[chunkhash].…

Read More
Webpack 4 - How to configure minimize?

Webpack 4 comes with the following statement: webpack.optimize.UglifyJsPlugin has been removed, please use config.optimization.minimize instead. Fair enough, but I cannot find any information about configuring the UglifyJsPlugin instance running under the hood, for example to change the …

Read More