uniapp接入微信小程序原生代码配置方案(优化版)

uniapp项目需要把微信小程序原生语法的功能代码嵌套过来,无需把原生代码转换为uniapp,可以配置拷贝的方式集成过来

1、拷贝代码包到src目录
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

2、vue.config.js中配置原生代码包直接拷贝到编译目录中
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

3、pages.json中配置分包目录,原生入口组件的路径
在这里插入图片描述

4、manifest.json中配置分包,使用原生组件

5、需要把原生代码包里的页面修改成组件的方式,增加vue文件的框架页面

  • vue页面中引入组件页面

加粗样式

  • 原生页面改成组件方式,page类改成Component类,生命周期做相应的修改
    在这里插入图片描述

备注

  • 微信开发者工具中需要配置 开启JS转ES5
  • 在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_41969216/article/details/139918036