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

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。

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