微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Webpack 正在为合并在一个包中的所有入口点生成 budles

如何解决Webpack 正在为合并在一个包中的所有入口点生成 budles

这些是我的 webpack 配置中的入口点

const allEntries = {
  main: ['./src/client.js','./src/client.scss'],mobile: ['./src/mobileClient.js','./src/mobileClient.scss'],homeloan: ['./src/app/pages/homeloan/index.js'],eoiWidget: './src/app/pages/eoi/index.js',hlWidget: ['./src/app/pages/homeloan/hlWidget/index.js'],login: './src/app/components/common/desktop/LoginRegisterWidget/loginBundle.js',gdprWidget: './src/app/components/gdpr/gdprIndex',mobileEoiWrapper: './src/app/components/EOI/MobileEOI/Containers/MobileEoiPHP.js',contactFormWrapper: './src/app/components/EOI/ContactFormPHP.js',xidRevampAppWebViewLayers: ["./src/app/pages/xid/projectDetailV2/components/mobile/moreDetailLayers/index.js"],smartAppBanner: './src/app/components/common/mobile/SmartAppBanner/SmartAppBannerPHPWrapper.js',srpapp: ['./src/app/pages/searchPg/srpMicrositeApp/client.js','./src/app/pages/searchPg/srpMicrositeApp/client.scss'],};

它为所有入口点和异步导入的组件分别生成包,例如

const AsyncPhoton = asyncComponent(() => import(/* webpackChunkName: "Photon" */'../../../components/common/shared/PhotonPD/index'));

"AsyncPhoton~31ecd969": {
    "css": "universalapp/css/AsyncPhoton~31ecd969.38901334dc51d15a1cef.css","js": "universalapp/js/AsyncPhoton~31ecd969Bundle.7228863223bbca46d9df.js"
  },

但它也会生成一个包,该包具有所有入口点的组合名称,并在主页加载时导入

ContactFormWrapper~eoiWidget~gdprWidget~hlWidget~login~mobile~mobileEoiWrapper~smartAppBanner~srpapp~b0f61cc4.32333713d7427fcbf0ba: {
    "css": "universalapp/css/ContactFormWrapper~eoiWidget~gdprWidget~hlWidget~login~mobile~mobileEoiWrapper~smartAppBanner~srpapp~b0f61cc4.32333713d7427fcbf0ba","js": "universalapp/js/ContactFormWrapper~eoiWidget~gdprWidget~hlWidget~login~mobile~mobileEoiWrapper~smartAppBanner~srpapp~b0f61cc4.32333713d7427fcbf0ba"
}

我尝试为所有异步导入组件提供 webpackChunkName 内联注释,但问题仍然存在。你能帮我吗。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。