Webpack:如何将自动分割的块注入外部模板?

Webpack:如何将自动分割的块注入外部模板?,webpack,Webpack,我们有多个应用程序,路由和模板由遗留PHP控制。大多数应用程序现在都在使用React,它们共享大量代码,我们希望将这些代码提取到共享块中,以便更好地缓存,并降低每个应用程序捆绑包的成本 我将webpack设置为具有多个入口点,并修补了不同的分块方式,并大致停止了以下操作: 现在我得到了多个共享块: react.js intl.js vendors.js shared.js 和应用程序块: app1.js app2.js app3.js 对于开发,我使用的是HtmlWebpackPlugin

我们有多个应用程序,路由和模板由遗留PHP控制。大多数应用程序现在都在使用React,它们共享大量代码,我们希望将这些代码提取到共享块中,以便更好地缓存,并降低每个应用程序捆绑包的成本

我将
webpack
设置为具有多个入口点,并修补了不同的分块方式,并大致停止了以下操作:

现在我得到了多个共享块:

react.js
intl.js
vendors.js
shared.js
和应用程序块:

app1.js
app2.js
app3.js
对于开发,我使用的是
HtmlWebpackPlugin
,它负责为每个应用注入所有必要的块。但当我需要将这些块注入到PHP模板中时,我不知道如何为生产设置这样做。当然,我可以手动操作,但这相当乏味,而且很容易出错

有好的选择吗?也许有一种方法可以生成每个应用程序条目脚本,加载所有必要的块?或者我可以用依赖树生成清单?即:

{
  app1: {
    "index.js": "/path/to/app1.hash.js",
    "shared.js": "/path/to/shared.hash.js",
  }, 
  app2: {
    "index.js": "/path/to/app2.hash.js",
    "shared.js": "/path/to/shared.hash.js",
    "react.js": "/path/to/react.hash.js",
  }
}
或者我遗漏了一些显而易见的东西?毕竟,这是我第一次尝试处理分割块