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

当时的情景是这样的：

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

最终整合的代码目录如下