在vite.config.ts中添加base配置项,内容为网络地址,执行npm run build:mp-weixin命令

- 发布:2024-04-11 16:50
- 更新:2025-05-19 17:59
- 阅读:331
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 22621.3447
第三方开发者工具版本号: 1.06.2307260
基础库版本号: 3.4.0
项目创建方式: CLI
CLI版本号: 3.0.0-alpha-3070720230316001
操作步骤:
预期结果:
打包出来的结果中所有引用本地资源的地址均根据base发生变更
打包出来的结果中所有引用本地资源的地址均根据base发生变更
实际结果:
引用本地资源的地址未发生变更,依然引用本地地址
引用本地资源的地址未发生变更,依然引用本地地址
bug描述:
在vite.config.ts中加入base配置项后,在编译为微信小程序时不生效,而编译为h5时则正常生效。
例如:
我在页面中引用了bg.jpg这个文件,并且配置base为“https://www.baidu.com/”,则在执行"npm run build:h5"命令后,打包出来的结果中,对该资源的引用路径会变为“https://www.baidu.com/bg-[hash].jpg”。
而在编译为微信小程序时,编译结果和未配置base时一样,依然按照相对路径引用bg.jpg。
不知道是否微信小程序一开始就不支持该配置项,但我还是希望支持。这样可以缩减主包体积,并且可以在打包为生产环境后统一将资源上传到服务器中,不需要在开发时就将资源上传,资源地址也不用写成非常长的网络地址
1 个回复
DCloud_UNI_JBB
微信小程序不支持,细节参考此文档 https://uniapp.dcloud.net.cn/collocation/vite-config.html