Webpack 4-创建供应商块

在webpack 3配置中，我将使用以下代码创建单独的vendor.js块：

entry: {
    client: ['./client.js'],
    vendor: ['babel-polyfill', 'react', 'react-dom', 'redux'],
},

output: {
  filename: '[name].[chunkhash].bundle.js',
  path: '../dist',
  chunkFilename: '[name].[chunkhash].bundle.js',
  publicPath: '/',
},

plugins: [
    new webpack.HashedModuleIdsPlugin(),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
    }),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'runtime',
    }),
],

对于所有更改，我不确定如何使用Webpack 4进行操作。我知道已将CommonChunksPlugin其删除，因此有另一种方法可以实现。我也阅读了本教程，但是我仍然不确定要提取运行时块并正确定义output属性。

编辑： 不幸的是，我在这里遇到了最受欢迎的答案的问题。查看我的答案。