Разница между splitChunks.chunks и splitChunks.test (веб-пакет)

Question

Может кто-нибудь объяснить мне разницу между настройкой splitChunks.chunks и настройкой splitChunks.cacheGroups. {CacheGroup} .test в SplitChunksPlugin Webpack?Особенно, если они оба используются в одной группе кеша.

Документация не очень полезна в этом отношении, поэтому помощь приветствуется

Answer 1

С настройкой splitChunks.cacheGroup.test вы можете поместить желаемые пакеты в один блок, который разрешается вашим объявленным значением function (module, chunk):boolean | RegExp | string.

Например, допустим, существует допустимое определение splitChunksбез раздела cacheGroup.Сборка Webpack выведет 10 чанков, но вы хотите кэшировать некоторые пакеты node_modules в один чанк (реагировать, реагировать-dom, lodash).С таким определением вы сможете это сделать:

cacheGroups: {
    vendor: {
      test: /[\\/]node_modules[\\/](react|react-dom|lodash)[\\/]/,
      name: 'vendor',
      chunks: 'all',
    }
}

Этот раздел не будет прерывать разбиение других фрагментов.