Webpack 如何捆绑节点\模块目录中的供应商区块
是否有一种方法可以将依赖模块中动态导入创建的块文件作为块文件包含在主应用程序中 以下是我正在尝试的- 我有两个npm模块,比如M1,M2 M2使用import()运算符动态导入M1。捆绑M2时,我使用webpackChunkName创建vendor~M1.jsWebpack 如何捆绑节点\模块目录中的供应商区块,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
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配置中是否有方法实现这一点
感谢你的帮助