如何捆绑node_module目录中的供应商块

Question

是否有一种方法可以将通过动态导入而创建的块文件作为依赖文件包含在主应用程序中。

这是我正在尝试的-

我有两个npm模块，例如M1，M2。

M2使用import（）运算符动态导入M1。捆绑M2时，我正在使用webpackChunkName创建vendor〜M1.js

M2.js

...

import(/* webpackChunkName: "M1" */ 'M1/index')
.then(){}

然后有一个React应用程序A1静态导入M2。

A1.js

import index from 'M2'

...

捆绑A1时，我正在使用splitChunks为M2创建M2bundle.js

webpack.config.js看起来像这样-

        splitChunks: {
          cacheGroups: {
            default: false,
            commons: {
              test: /[\\/]node_modules[\\/]/,
              name: 'M2bundle',
              chunks: 'all',
              minChunks: 1,
            },
          },
        },

此输出将为A1.js创建main.js，为M2模块创建M2bundle.js，但不包括node_module / M2目录中的vendor〜M1.js。

webpack配置中是否可以实现这一目标？

感谢帮助！