【webpack】中splitChunk的使用方法

const path = require(‘path‘)
const webpack = require(‘webpack‘)

module.exports = {
  entry: {
    a: ‘./src/a.js‘,
    b: ‘./src/b.js‘
  },
  output: {
    path: path.resolve(__dirname, ‘dist‘),
    filename: ‘[name].bundle.js‘,
  },
  optimization: {
    // async 异步(import()语法) initial(同步import xxx from ‘xxx‘) all(所有)
    splitChunks: {
      chunks: ‘initial‘
    }
  }
}

  optimization: {
    splitChunks: {
      chunks: ‘initial‘,
      cacheGroups: {
        vendors: {
          test: /[\\/]node_modules[\\/]/,
          priority: -10
        }
      }
    }
  },

  optimization: {
    splitChunks: {
      chunks: ‘initial‘,
      cacheGroups: {
        common: {
          test: /[\\/]node_modules[\\/]/,
          priority: -10
        }
      }
    }
  },

  optimization: {
    splitChunks: {
      chunks: ‘initial‘,
      cacheGroups: {
        vue: {
          test: /[\\/]node_modules[\\/](react|react-dom)/,
          priority: -1
        },
        react: {
          test: /[\\/]node_modules[\\/](vue|vuex)/,
          priority: -2
        }
      }
    }
  },