webpack - 如何拥有多个块但加载它们的单个js文件

Question

我正在尝试设置 Webpack，目前不使用 dev-server，并且我的应用程序由具有 index.html 的 python 后端提供服务。

我正在尝试使用 SplitChunksPlugin 以便我可以拥有多个块（应用程序、供应商、运行时等）。但是，为了简化它从 python 后端加载的方式，我想知道是否有一种方法可以告诉 Webpack 创建一个额外的文件，比如 main.js，它将以正确的顺序动态加载其他块。那是一回事吗？

Answer 1

您可以使用动态导入

import(/* webpackChunkName: "chunkName" */ 'chunkPath')

创建自定义块并在需要时将其导入，并且您的文件chunkPath可能包含您要拆分的其他块，并且不会立即加载。

来自 webpack文档：

import('path/to/module') -> Promise

动态加载模块。对 import() 的调用被视为分割点，这意味着请求的模块及其子模块被分割成一个单独的块。