expose multiple global libraries in webpack

Question

I have a bunch of libraries and all of them expose a global variable. I need to create one cdn.min.js bundle containing all of the libraries I have including all the global exposure. using an array of configurations in Webpack I can forEach all the libraries and merge all the bundle files in one file(the code below ). but in this case, every bundle is going to have a Webpack overhead which makes it very big because the libraries are a lot. is there any other way to do this in Webpack without the overhead? i.g.

forEach(filename of allLibraries)
{
  config.push({
     ....
   output: {
     path: path.resolve(__dirname),
     filename: filename,
     libraryTarget: 'umd',
     libraryExport: 'default',
     library: toCamelCase(filename),
     globalObject: "this",
   },

})  

}
module.exports = configs;

question from:https://stackoverflow.com/questions/65911221/expose-multiple-global-libraries-in-webpack

Answer 1

Waitting for answers