详细问题描述
[内容] 如题,uniapp 在进行微信小程序打包时,会将分包页面引入的 js 打包到主包的 vendor.js 中。
页面较多时,主包文件大小会超过 2M 的限制。
vendor.js 文件会超过 500k 也会影响 ES6 转 ES5 等问题。
uni-app运行环境说明
[编译模式是老模板模式还是新的自定义组件模式?] 自定义组件模式
联系方式
[QQ] 380914334
[内容] 如题,uniapp 在进行微信小程序打包时,会将分包页面引入的 js 打包到主包的 vendor.js 中。
页面较多时,主包文件大小会超过 2M 的限制。
vendor.js 文件会超过 500k 也会影响 ES6 转 ES5 等问题。
[编译模式是老模板模式还是新的自定义组件模式?] 自定义组件模式
[QQ] 380914334
最佳回复
可以采用压缩和拆分,可以单独采用或者同时进行
压缩:pacakge.json中添加参数--minimize
"dev:mp-weixin": "cross-env NODE_ENV=development ZHICHI_ENV=develop UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize"
拆分:manifest.json中增加参数subPackages
"mp-weixin": {
"appid": "",
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于地理位置展示与距离计算"
}
},
"setting": {
"urlCheck": false
},
"usingComponents": true,
"optimization": {
"subPackages": true
}
}
分包的时候, root里面不能写成 "root": "messagePack/",
要写成下面这个样子
{
"root": "messagePack",
"pages": [
{
"path": "pages/messageCenter/index",
"style": {
"navigationBarTitleText": "消息中心",
"navigationStyle": "custom",
"pageOrientation": "portrait",
"navigationBarBackgroundColor": "#000000",
"navigationBarTextStyle": "white"
}
}
]
},
le_ (作者)
试了一下是可以的,希望快更新到官方文档里,更新日志里也没有看到有相关功能说明
2019-11-12 18:37
s***@qq.com
ZHICHI_ENV 这个参数是什么意思?可以另外增加一个环境变量吗?
2019-12-23 16:14
DCloud_UNI_GSQ
回复 s***@qq.com: 这是人家项目自己定义的,你可以和他交流一下。
2019-12-23 17:13
s***@qq.com
回复 DCloud_UNI_GSQ: 好的,谢谢。我是想法是可以在dev时候把map文件去掉,这样就小很多了。不清楚有没有这样的参数
2019-12-23 17:25
DCloud_UNI_GSQ
回复 s***@qq.com: 不必,map文件本身也不上传
2019-12-23 17:49