Tengo un proyecto webpack con algunos archivos js:

paquete.json

 ... "scripts": { "dev": "webpack --config webpack.dev.js", "watch": "webpack --config webpack.dev.js --watch", "build": "webpack --config webpack.prod.js" }, ...

webpack.prod.js

 ... entry: { portal: `${portalDir}assets/js/portal.js`, branding: `${portalDir}assets/js/branding.js`, }, externals: { jquery: 'jQuery', }, output: { filename: '[name].js', path: path.resolve(__dirname, `${portalDir}dist/js`), clean: true, }, performance: {hints: false,}, ...

portal.js

 function demofunction(){console.log("demo");} function demofunction2(){console.log("demo2");}

marca.js

 function brandingfunction1(){console.log("br");} function brandingfunction2(){console.log("br2");}

cuando uso el comando

compilación de ejecución de npm

este comando genera los archivos dist/js/portal.js y dist/js/branding.js pero el código está ofuscado o algo así, quiero un archivo construido como:

portal.js

 function demofunction(){console.log("demo");} function demofunction2(){console.log("demo2");}

El código solo se minimiza, pero el resultado al usar npm run build genera algo como:

 (()=>{var e={};function t(e,t){....};})

¿Hay alguna forma de minimizar solo el código js? intento usar:

 optimization: { minimize: true, minimizer: [new TerserPlugin({ terserOptions: { compress: false, mangle: true, module: true, } })], },

en webpack.prod.js pero no funciona.