Rollup plugin to minify generated bundle.
npm i rollup-plugin-uglify -D
import { rollup } from 'rollup';
import uglify from 'rollup-plugin-uglify';
rollup({
entry: 'main.js',
plugins: [
uglify()
]
});
uglify(options, minifier)
options
– default: {}
, type: object
. UglifyJS API options
minifier
– default: require('uglify-js').minify
, type: function
. Module to use as a minifier. You can use other versions (or forks) of UglifyJS instead default one.
UglifyJS, which this plugin is based on, does not support the ES2015 module syntax. Thus using this plugin with Rollup's default bundle format ('es6'
) will not work and error out.
To work around this you can tell rollup-plugin-uglify
to use the UglifyJS harmony branch by passing its minify
function to minify your code.
import { rollup } from 'rollup';
import uglify from 'rollup-plugin-uglify';
import { minify } from 'uglify-js-harmony';
rollup({
entry: 'main.js',
plugins: [
uglify({}, minify)
]
});
To install the experimental version of UglifyJS:
npm i -D uglify-js-harmony
If you'd like to preserve comments (for licensing for example), then you can specify a function to do this like so:
uglify({
output: {
comments: function(node, comment) {
var text = comment.value;
var type = comment.type;
if (type == "comment2") {
// multiline comment
return /@preserve|@license|@cc_on/i.test(text);
}
}
}
});
See UglifyJS documentation for further reference.
MIT © Bogdan Chadkin