问题描述
这些是我的 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 (将#修改为@)