Webpack:如何将自动分割的块注入外部模板?
我们有多个应用程序,路由和模板由遗留PHP控制。大多数应用程序现在都在使用React,它们共享大量代码,我们希望将这些代码提取到共享块中,以便更好地缓存,并降低每个应用程序捆绑包的成本 我将Webpack:如何将自动分割的块注入外部模板?,webpack,Webpack,我们有多个应用程序,路由和模板由遗留PHP控制。大多数应用程序现在都在使用React,它们共享大量代码,我们希望将这些代码提取到共享块中,以便更好地缓存,并降低每个应用程序捆绑包的成本 我将webpack设置为具有多个入口点,并修补了不同的分块方式,并大致停止了以下操作: 现在我得到了多个共享块: react.js intl.js vendors.js shared.js 和应用程序块: app1.js app2.js app3.js 对于开发,我使用的是HtmlWebpackPlugin
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",
}
}
或者我遗漏了一些显而易见的东西?毕竟,这是我第一次尝试处理分割块