我正在使用Webpack的动态导入功能在JS项目中进行开发,从动态导入创建的代码块将产生相应的vendors~[name].chunk.js
代码块。我希望将vendors代码块包含在相应的[name].chunk.js
代码块内,即不要将其拆分为单独的代码块。
Webpack配置:
module.exports = {
output: {
// ...
chunkFilename: '[name].chunk.js',
},
}
应用程序代码:
const Component = React.lazy(() =>
import(/* webpackChunkName: "component" */ './Component')
);
生成
vendors~component.chunk.js
和 component.chunk.js