通过脚本标记请求分发包时，如何配置Webpack 4自动导入拆分块？

Question

我已经将头发拔了3个星期，试图使其正常工作，但我无法弄清我的理解力在哪里。

我正在为可编写的CMS构建组件库。我的愿景是拥有一组 n 精简入口点，当通过脚本标记运行该入口点时，所有这些入口都将具有静态导入的依赖项。

据我了解，webpack可以通过splitChunks插件将共享的依赖项分块在一起，而这些依赖项可以通过bundle-loader插件自动加载。

但是，当我通过脚本标签调用入口点捆绑包时，不会发生自动依赖项导入-仅当我在源文件中使用动态import（）语法时，才会发生动态导入-但这是因为import（）本身是动态的。

如何配置webpack提取静态相关的块？

Answer 1

签出Paragons（请参见：代码拆分）。然后看看CodeSplitPage，它是使用动态导入包装在Loadable中的。

Answer 2

您正在寻找HtmlWebpackPlugin。您可以将其配置为在entry.html文件夹中生成dist个输出文件，然后将其用于Express应用程序中，或导入到非节点服务器渲染中以获取{{1 }} 标签。