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

当时的情景是这样的:

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

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

image

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

image

nativeWX目录如下

image

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

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' //

最终整合的代码目录如下

image

原文地址:https://www.cnblogs.com/ruoqiang/p/9474432.html