Webpack 4 SplitChunksPlugin：按条目划分供应商

Question

我需要使用Webpack 4构建两个条目。两个条目中都使用了node_modules中的某些程序包和部分代码。我需要从两个条目中分开供应商块。示例：

• admin.js，vendor-admin.js（两者很大，因为使用了很多软件包）
• client.js，vendor-client.js（小型，在公共网站上使用）

我尝试过以下webpack配置：

entry: {
  admin: 'src/admin/main.js',
  client: 'src/client/main.js'
},
optimization: {
  splitChunks: {
    cacheGroups: {
      'vendor-admin': {
        name: 'vendor-admin',
        chunks: chunk => chunk.name === 'admin',
      },
      'vendor-client': {
        name: 'client-vendor-client',
        chunks: chunk => chunk.name === 'client',
      },
    }
  }
},

不幸的是，这不起作用。客户端工作正常，但是管理员在未知变量上崩溃。不拆分就可以了。