vue打包安卓項目


以為應該和ionic(基於angular)的打包是一樣的,后來發現還是有些不一樣的

ionic的項目,建好之后,可以直接用ionic cordova build  android,會自動給我們創建好platform這個文件夾,

vue不行,我專門試了一下,必須先創建cordova項目

我的cordova是8.0.0的版本,(個人打包過ionic的項目,所以就沒有在重新下載)

要先下載cordova : npm install -g cordova     /  npm install -g corodva@8.0.0

現在好之后 看一下是否安裝成功: cordova -v    出現版本號,說明下載成功

現在可以創建cordova項目:

cordova create mycordova org.apache.cordova.myApp myApp01

這樣會生成一個myCordova的目錄文件

進入這個項目,執行命令:cordova platform add android

會生成platforms這個文件,里面有android

然后就在myCordova創建vue的項目:vue init webpack myapp

如上圖,myapp這個目錄,就是剛剛創建寫項目

cd到 myapp

執行npm run dev 看項目是否可以正常運行

執行 npm run build  這時候會報個錯:

這個錯,需要在myapp的config的文件夾里的index.js

 

 改成這樣就可以,

其中,index,assetsRoot,這兩項你可以改也可以不改,改成上圖式的,支持npm run build的時候,會在www的文件里生成static inidex的文件,不改的話,會在myapp的dist的文件下生成這個兩個文件,兩者不同之處是,在執行cordova build android的時候,前者可以直接執行,后綴需要吧dist里面的文件復制www的文件夾下,看個人喜好;

這一步做好之后,就可以執行cordova build android,生成apk,手機下載就可以用了

 

更具體的在另一個博客中有看到,如果不太懂,可參考https://www.cnblogs.com/qirui/p/8421372.html,

 


免責聲明!

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



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