Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 如何捆绑节点\模块目录中的供应商区块_Webpack_Dynamic Import_Webpack Splitchunks - Fatal编程技术网

Webpack 如何捆绑节点\模块目录中的供应商区块

Webpack 如何捆绑节点\模块目录中的供应商区块,webpack,dynamic-import,webpack-splitchunks,Webpack,Dynamic Import,Webpack Splitchunks,是否有一种方法可以将依赖模块中动态导入创建的块文件作为块文件包含在主应用程序中 以下是我正在尝试的- 我有两个npm模块,比如M1,M2 M2使用import()运算符动态导入M1。捆绑M2时,我使用webpackChunkName创建vendor~M1.js M2.js ... import(/* webpackChunkName: "M1" */ 'M1/index') .then(){} 然后是静态导入M2的react应用程序A1 A1.js import index from

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

以下是我正在尝试的-

我有两个npm模块,比如M1,M2

M2使用import()运算符动态导入M1。捆绑M2时,我使用webpackChunkName创建vendor~M1.js

M2.js

...

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

然后是静态导入M2的react应用程序A1

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,但不包括节点_module/M2目录中的vendor~M1.js

在webpack配置中是否有方法实现这一点

感谢你的帮助