如何有多个块，但只有一个js文件加载它们

Question

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

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

Answer 1

您可以使用dynamic import

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

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

来自webpack docs：

  

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

     

动态加载模块。对import（）的调用被视为拆分点，这意味着所请求的模块及其子级被拆分为单独的块。