Webpack code segmentation and multithreading packaging

optimization: {
  splitChunks: {
    chunks: 'async'.// For synchronous, asynchronous, and all modules
    minSize: 30000.// When the module is larger than 30KB
    maxSize: 0.// This is not recommended
    minChunks: 1.// At least a few chunks of the generated chunk file reference this module
    maxAsyncRequests: 5.// The module requests 5 times
    maxInitialRequests: 3.// Import file synchronization request 3 times
    automaticNameDelimiter: '~'.name: true.cacheGroups: {
      vendors: {
        test: /[\\/]node_modules[\\/]/,
        priority: -10 ,// Priority A larger number indicates a higher priority
        default: {
          minChunks: 2.priority: -20.reuseExistingChunk: true}}}},minimize: true.minimizer: [
    new TerserPlugin({
      cache: true.// Whether to cache
      parallel: 4 // parallel: 4,})],},Copy the code