GrapesJs :修改webpack5以添加倍数条目js + scss

Question

我试图在webpack中配置一个带有多个js入口点的插件；

​

每个JS包含JS功能，并以scss格式导入样式( scss文件将使用webpack的加载程序处理)

​

​

我的目标是得到这样的东西

​

​

已经在工作，但是如果您打开vars.js文件，生成的不正确，并且(vars.js.map)也没有生成，那么其余的文件都是完美的。

这是我的代码沙箱，您必须执行构建任务来进行调试。

代码沙箱中的示例

我试着用不同的方法导出这个，没有什么是好的，我不是webpack的专家，我认为是关于重写(条目，输出).谢谢您的建议或解决方案。

葡萄Cli包含webpack的默认配置，如果帮助，这就是我修改配置时得到的。

​

​

Answer 1

我找到了解决办法，以防有人需要

      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
    },

我真的不明白，但接下来要工作..。

​

​