javascript - 如何在构建/拆分自定义块时告诉 webpack 遵循依赖关系？

Question

我是 webpack 的新手，并且正在尝试代码拆分。我想创建多个自定义块，因此使用这样的 cacheGroups：

  optimization: {
    minimize: true,
    splitChunks: {
      cacheGroups: {
        visuals: {
          name: 'visuals',
          chunks: 'all',
          test: /[\\/]node_modules[\\/](swiper|@fancyapps\/ui|dom7|ssr-window)[\\/]/
        },
        lowdash: {
          name: 'lowdash',
          chunks: 'all',
          test: /[\\/]node_modules[\\/]lodash[\\/]/
        }
      },
    }
  },

dom7 and ssr-window如您所见，在用于 swiper 和 fancybox 的第一个块上，我还添加了swiper's dependencies. 我想知道：有没有办法告诉 webpack 遵循所有包的依赖项？我的意思是，一种告诉 webpack '只需选择 swiper 包并将其所有依赖项自动包含在块中的方法，而无需手动指定它们'？