Webpack use UglifyJSPlugin to ONLY remove comments

Question

I would like to use the Webpack UglifyJSPlugin to only remove comments from my bundle. I currently have the following UglifyJSPlugin configuration:

webpackPlugins = [
    new DedupePlugin(),
    new UglifyJsPlugin({
        compress: false,
        minimize: false,
        outputs: {
            comments: false
        }
    })
]

However, this still seems to minify the entire bundle. Is there another option to remove comments I am not taking advantage of? Is there a way to do this properly with UglifyJSPlugin?

score 9 · Answer 1 · answered Oct 13 '16 at 01:01

9

This is what you need:

new UglifyJsPlugin({
    comments: false,
}),

answered Oct 13 '16 at 01:01

geniuscarrier

4,199
2
21
15

score 4 · Answer 2 · answered Feb 12 '18 at 19:15

4

Using webpack 2, the settings below worked for me.

new webpack.optimize.UglifyJsPlugin({
  output: {
    comments: false,
    beautify: true,
  },
  mangle: false,
  compress: false,
}),

answered Feb 12 '18 at 19:15

xiao

1,718
4
23
31

Yes, I added ```, optimization: { minimize: true, minimizer: [ new UglifyJsPlugin({ uglifyOptions: { output: { comments: false, beautify: true, }, mangle: false, compress: false, } }) ] }```to the bottom of the webpack config js and it worked. – moltenform Apr 24 '20 at 00:30

score 2 · Answer 3 · answered Sep 17 '16 at 18:46

What you're looking for is probably "beautify" combined with "mangle".

"Beautify" will output indented code instead of a one-line file, so you want this to be true. "mangle" will make your code as short as possible (e.g. by abbreviating variable names), so you want this to be false.

For more info about these two options see the UglifyJS README

webpackPlugins = [
    new DedupePlugin(),
    new UglifyJsPlugin({
        beautify: true,
        mangle: false
    })
]

bordeaux · Answer 4 · 2021-06-14T01:00:50.300

Webpack 5 now has a slightly different config file:

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
    optimization: {
        minimizer: [
            new UglifyJsPlugin({
                uglifyOptions: {
                    output: {
                        comments: false,
                        beautify: true,
                    },
                    mangle: false,
                    compress: false
                },
            }),
        ],
    },
    ...
}

UglifyjsWebpackPlugin Docs

Webpack use UglifyJSPlugin to ONLY remove comments

4 Answers4

Linked