webpack - 如何在不将它们捆绑在一起的情况下动态导入脚本？

Question

我正在尝试根据某些用户操作动态导入带有 webpack 魔术注释（使用 commons chunk 插件）的脚本。

我试过这个（假设用户的操作会加载'a'脚本）：

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都捆绑到一个大文件 ( 0.js ) 中，并在 promise 中返回。

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

谢谢