如何把原生小程序項目合並的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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM