diff --git a/docs/hybrid.md b/docs/hybrid.md index aeb9dff9d11b4495449a9ffaff705b946ccc0ee3..17907e7725f96718b10434a9e150a4c9aa363cce 100644 --- a/docs/hybrid.md +++ b/docs/hybrid.md @@ -14,7 +14,19 @@ - 方式1:把原生小程序转换为uni-app源码。有各种转换工具,[详见](translate.md) - 方式2:新建一个uni-app项目,把原生小程序的代码变成小程序组件,进而整合到uni-app项目下。uni-app支持使用小程序wxml组件,[参考](frame.md?id=小程序组件支持) -- 方式3:原生开发的小程序仍保留,部分新功能使用uni-app开发。这个场景有三方开发者提供了插件,[参考](https://ext.dcloud.net.cn/plugin?id=1560) +- 方式3:原生开发的小程序仍保留,部分新功能使用uni-app开发。 + * 官方提供了发行混合分包的功能 + + 在 HBuilderX 3.1.0+ 中点击发行小程序的菜单,勾选发行混合分包,填写分包目录名称,打包后,将对应目录文件拷贝至已有小程序中,需要自己补充原小程序app.json中的页面或分包配置 + + 在 cli 中,执行命令:`npm run build:mp-weixin -- --subpackage=sub1` 或 `yarn build:mp-weixin --subpackage=sub1` + + 注意: + + * 发行混合分包后,App.vue中的onLaunch,onShow等应用级别生命周期不再触发。 + * 开发时需要将资源(图片,css,js等),页面的绝对路径调整为相对路径,否则打包到原生小程序中时,可能出现路径查找错误。 + * 需要自己把页面或分包配置添加到已有小程序的app.json中 + * 目前支持微信小程序,百度小程序,支付宝小程序,字节跳动小程序,QQ小程序 + + * 三方开发者插件,[参考](https://ext.dcloud.net.cn/plugin?id=1560) 如果想充分发挥uni-app的跨端特性,编译到各种其他小程序平台,建议使用方案1。