Question

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

动态加载的组件（基本上是一个路由）使用正常的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将所有动态资源的子导入捆绑到同一个“异步”块中？或者我在这里遗漏了什么？

动态导入的子导入和webpack分块

0 个答案: