• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

如何把原生小程序项目合并的mpvue项目中

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

当时的情景是这样的:

使用mpvue写微信小程序,写着写着项目写到一半了,突然间不想这样继续写了,想切换回原生小程序语法去写剩余部分。

如下图,红色框里的功能是已经用mpvue完成的功能,绿色框部分的功能是需要原生小程序去完成

 

由于项目是先使用mpvue开始的,我们需要在mpvue项目下新建一个文件目录用来开始原生部分的工作,目录结构如下

 

nativeWX目录如下

 

当我们把原生部分功能写完之后,接下来就是合并整合代码,让他们能够在完整的跑起来的时候了

1.把原生项目下的索引文件夹(pages、utils等)直接复制到pmvue编译后的dist目录下合并替换

     --注意不要有命名相同的组件文件夹
     //注意赋值方式 1. 除了pages下的文件其余的文件夹全部复制过去,

    //2.复制pages文件夹下需要的组件,注意不要和mpvue下的文件名冲突。

    //3.复制页面配置到src下的配置


2.把原生项目下的app.json中页面配置项复制合并到mpvue项目的src文件夹下的app.json配置中。

    --因为mpvue项目下保存后后会自动把配置打包到dist下的配置里面


3.从mpvue页面跳转到原生页面:看他们最终在dist中的相对目录。这里我们都是在dist下pages文件夹下因此
../xx/xx 或者../../pages/xx/xx都是可以的

 

4.从原生页面跳转到mpvue项目登录页 请求接口失效是util工具请求函数里面统一设置 url: '../login/main' //

 

最终整合的代码目录如下


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
字符串中大小写字母转换小程序发布时间:2022-07-18
下一篇:
微信小程序实现文件上传发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap