Update webpack 3 to 4 with separate vendors of node_modules

webpack.config.js

{
  // ...
optimization: {
    splitChunks: {
      cacheGroups: {
        commons: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendor',
          chunks: 'initial',
        },
      },
    },
  }
  // ...
}

Really not ideal its better to do dynamic imports per page or similar, but I know people like their split vendors, so here they are!