动态导入的模块不会生成单独的块

Question

我通过动态导入导入模块：

import(
    /* webpackChunkName: "comp-abc" */
    /* webpackMode: "lazy" */
    './comp-abc.jsx'
)

但是在通过webpack构建之后，没有为comp-abc.jsx生成单独的块来加载。相反，它只包含在主捆绑中。我是否需要添加额外的插件或加载程序？

包含webpack配置的回购+工作问题：https://github.com/catc/code-splitting-poc

Answer 1

似乎问题是使用babel-plugin-dynamic-import-node而不是正确的babel-plugin-dynamic-import。

有关原始github问题，请参阅https://github.com/webpack/webpack/issues/5703#issuecomment-330964922。