如何动态导入脚本而不将它们捆绑在一起？

Question

我尝试使用webpack的魔术评论动态导入脚本（使用commons chunk插件），具体取决于某些用户操作。

我已尝试过此操作（假设用户的操作会加载“脚本”）：

const paths = {
    a: './commons/a',
    b: './commons/b',
    c: 'commons/c'
};
const x = 'a';
import(/* webpackChunkName: "commons.[request]" */ paths[x]).then(Module => {

});

它没有用。我所得到的只是一个错误：

Error: Cannot find module "."

所以我试过这个：

const paths = {
    a: './commons/a',
    b: './commons/b',
    c: 'commons/c'
};
const x = 'a';
import(/* webpackChunkName: "commons.[request]" */ `.commons/ ${paths[x]}`).then(Module => {

});

它起作用但不是我想象的方式。我在commmons文件夹中的所有脚本都被捆绑在一起，成为一个在promise中返回的大文件（0.js）。

我的问题是： 如何单独加载它们？ 有没有办法给它们命名？

由于