GrapesJs CLI: modify webpack to add multiples entry js + scss

[jcenlo]

Hi, i am trying to configure a plugin with multiple js entry point in my webpack;

Each JS contain the JS fuctions and import the style in scss format (that scss file will be process with a loader in webpack)

My goal is get something like this

already is working but if you open the vars.js file, is not generated correctly and also the (vars.js.map) is not generated, the rest of the files are perfect

this is my code code sandbox
you have to execute the build task to debug

Example in code sandbox

I am trying different ways to export this and nothing works fine
I am not a expert in webpack, i think is something about rewriting the (entry, output)...
Thanks for any advice or solution
 

[jcenlo]

i am folowing this documentation https://webpack.js.org/guides/entry-advanced/ but is not working

[jcenlo]

I found a solution

entry: { index: entry, vars: path.resolve(__dirname, './src/vars.js'), }, output: { // ...output, path: path.resolve(path.join(__dirname, "./dist")), filename: '[name].js', chunkFilename: '[name].js', library: 'bootstrap-xditor', // add this line libraryTarget: 'umd', // add this line globalObject: "typeof globalThis !== 'undefined' ? globalThis : (typeof window !== 'undefined' ? window : this)" // add this line },

i try to spread with ...output. but return a error but adding this lines WORKS , i really don`t understand why, i am starting code so could be something silly ... so resolved