Javascript 如何在webpack 4/5中配置SplitChunk以获取单独的供应商文件？

这是我的网页3配置

函数isVendorJS（模块）{
if（module.resource&（/^.\.（css | scss）$/）.test（module.resource））返回false
返回module.context&&module.context.includes（'node\u modules'））
}
常量插件=[
新建webpack.optimize.commonChunkPlugin({
名称：“查看供应商”，
块：['view']，
minChunks:isVendorJS
}),
新建webpack.optimize.commonChunkPlugin({
名称：“配置供应商”，
块：['configuration']，
minChunks:isVendorJS
}),
新建webpack.optimize.commonChunkPlugin({
名称：“通用供应商”，
区块：['config-vendor'，'view vendor']，
碎块：2
})
]
返回{
条目：{
视图：“某些路径”，
配置：“某些路径”
}
}

它的目标是从2个入口点获得5个文件：

• 条目文件A及其使用的本地模块
• 条目文件B及其使用的本地模块
• 供应商文件仅用于
• 仅在B中使用的供应商文件
• 在这两个应用程序中使用的供应商文件

我还需要这些文件有固定的名称，以便我可以导入它们在我的HTML

有一个简单的配置

splitChunks: {
  chunks: 'all'
}

这几乎是我所需要的 a） 它将我的本地模块分为“仅a”和“仅B”块 b） 它为它们创建动态名称

我搜索了几个小时，找不到解决方案，也无法理解整个majic块现在是如何工作的，所以我请求帮助