// @ts-check const TerserPlugin = require('terser-webpack-plugin') const genTerserOptions = (defaultOptions, options) => { const userOptions = options.terser && options.terser.terserOptions // user's config is first return { ...defaultOptions, ...userOptions } } const terserMinify = (options) => ({ terserOptions: genTerserOptions( { compress: { // turn off flags with small gains to speed up minification arrows: false, collapse_vars: false, // 0.3kb comparisons: false, computed_props: false, hoist_funs: false, hoist_props: false, hoist_vars: false, inline: false, loops: false, negate_iife: false, properties: false, reduce_funcs: false, reduce_vars: false, switches: false, toplevel: false, typeofs: false, // a few flags with noticeable gains/speed ratio // numbers based on out of the box vendor bundle booleans: true, // 0.7kb if_return: true, // 0.4kb sequences: true, // 0.7kb unused: true, // 2.3kb // required features to drop conditional branches conditionals: true, dead_code: true, evaluate: true }, mangle: { safari10: true } }, options ), parallel: options.parallel, extractComments: false }) // `terserOptions` options will be passed to `esbuild` // Link to options - https://esbuild.github.io/api/#minify const esbuildMinify = (options) => ({ minify: TerserPlugin.esbuildMinify, terserOptions: genTerserOptions( { minify: false, minifyWhitespace: true, minifyIdentifiers: false, minifySyntax: true }, options ), parallel: options.parallel }) // `terserOptions` options will be passed to `swc` (`@swc/core`) // Link to options - https://swc.rs/docs/config-js-minify const swcMinify = (options) => ({ minify: TerserPlugin.swcMinify, terserOptions: genTerserOptions( { compress: { unused: true }, mangle: true }, options ), parallel: options.parallel }) // `terserOptions` options will be passed to `uglify-js` // Link to options - https://github.com/mishoo/UglifyJS#minify-options const uglifyJsMinify = (options) => ({ minify: TerserPlugin.uglifyJsMinify, terserOptions: genTerserOptions({}, options), parallel: options.parallel }) // Currently we do not allow custom minify function const getMinify = (options) => { const { minify = 'terser' } = options.terser || {} const minifyMap = { terser: terserMinify, esbuild: esbuildMinify, swc: swcMinify, uglifyJs: uglifyJsMinify } return minifyMap[minify](options) } module.exports = getMinify