我有一个相当大的应用程序，我总是知道用户将从哪里开始（"homepage"） . 我使用 dynamic 导入除了这个主页以外的所有内容，这通过向我提供块来实现：一个"main"和一个"async" . 问题是，"main"块包括动态导入模块的所有子导入，通过包含动态导入模块使用的所有东西使其不必要地大 .

动态加载的组件（基本上是一个路由）使用正常的ES6导入导入其所有依赖项 . 其中一些导入来自一个单独的私有NPM模块 .

这是我的Webpack配置的一部分：

entry: {
        "app": "./src/app.js"
    },
    output: {
        path: path.resolve(__dirname, "public"),
        filename: "js/[name].bundle." + appPackage.version + ".js",
        chunkFilename: "js/[name].bundle." + appPackage.version + ".js",
        publicPath: "/",
    },

并像这样导入（在路线中）：

import( /* webpackChunkName: "async" */ "module-name")

如何强制Webpack将所有动态资源的子导入捆绑到同一个“异步”块中？或者我在这里遗漏了什么？

javascript dynamic webpack import chunking