webpack-split-chunks.js

optimization: {
  splitChunks: {
    chunks: 'async',
    minSize: 30000,
    maxSize: 0,
    minChunks: 1,
    maxAsyncRequests: 5,
    maxInitialRequests: 3,
    automaticNameDelimiter: '~',
    name: true,
    cacheGroups: {
      // this splits off modules from the initial entry point that are from node_modules
      // into their own cache group
      'vendors-initial': {
        chunks: 'initial',
        test: /[\\/]node_modules[\\/]/,
        name: 'vendors-initial',
        priority: -10,
      },
      // this splits off modules from async entry points that are from node_modules
      // into their own cache group, with higher priority since they usually don't change as much
      vendors: {
        chunks: 'async',
        test: /[\\/]node_modules[\\/]/,
        priority: -10,
      },
      // all others go to this cache group
      default: {
        minChunks: 2,
        priority: -20,
        reuseExistingChunk: true,
      },
      // between the last two cache groups we use the settings above to figure out what to do
    },
  },
},