當時的情景是這樣的:
使用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' //
最終整合的代碼目錄如下