Как объединить разные модули узлов и сделать из них разные бандлы?

Question

Описание: Скажем, у меня есть 7 зависимостей, как показано ниже

"dependencies": {
  "control-module-one": "1.00",
  "control-module-two": "1.00",
  "control-module-three": "1.00",
  "react": "16.9.0",
  "react-dom": "16.9.0",
  "utility-module-one": "2.00",
  "utility-module-two": "2.00"
}

Задача: Я хочу объединить модули по группам и сделать разные пакеты по группам. . Таким образом, это может быть примерно так:

dist>
  control-module-bundle.js
  react-module-bundle.js
  utility-module-bundle.js

Что я пробовал?

Я пробовал "splitChunks" и "cacheGroups" в веб-пакете, но он объединяет все модули в разных файлах.

Запрос: Возможно ли?

Answer 1

Это делается с помощью splitChunks из Webpack-4.

splitChunks: {
 cacheGroups: {
  control_module_group: {
   test: /[\\/]node-modules[\\/]control/,
   name: 'control-module-bundle',
   chunks: 'all'
  }
 }
}