我不知道这个新的Webpack 4 splitCunks以及如何用它生成bundle和vendor文件 . 到现在为止，我一直在使用它

entry: {
    vendor: [ '@babel/polyfill', 'react', 'react-dom', 'react-router-dom', ],
    bundle: [ './app.js', ],
  },
  output: {
    path: path.join(buildPath, 'dist'),
    filename: 'js/[name].[chunkhash].js',
    chunkFilename: 'js/[name].[chunkhash].js',
    publicPath: '/',
  },

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

简单的入口点与捆绑和供应商，我添加了哪些包，我希望它们在供应商文件中 .

我怎么能用webpack 4实现这个目标？

如果我删除commonchunks但我不知道它的优先方式是否已经存在，这仍然有效 .

我尝试从入口点删除供应商并添加splitChunks，但我只生成了一个bundle.js文件 .

splitChunks: {
      chunks: 'async',
      minSize: 30000,
      maxSize: 0,
      minChunks: 1,
      maxAsyncRequests: 5,
      maxInitialRequests: 3,
      automaticNameDelimiter: '~',
      name: true,
      cacheGroups: {
        vendors: {
          test: /[\\/]node_modules[\\/]/,
          priority: -10,
          name: vendor
        },
        default: {
          minChunks: 2,
          priority: -20,
          reuseExistingChunk: true,
        },
      },
    },
webpack chunks webpack-4 vendor entry-point