「Vue」vue cli3項目打包為APP方法及坑點


1、執行npm run build之后生成dist文件夾

2、打開HBuilderX新建一個APP項目

3、把dist文件夾里的所有文件拷貝替換到APP文件夾下

4、打開manifest.json文件配置相關內容(自行百度,配置APP圖標等選項)

5、點擊軟件頂上的發行--原生APP-雲打包進行打包

6、打包后下載安裝即可

-----------------------------------------------------------------------------------------------------------------------------------------

重點說一下坑點:兩個問題都是路徑問題,相對絕對路徑就不解釋了,只說一種解決辦法(新手視角,不足之處請大神指教

1、安裝后看到的是一片空白

這個是路徑問題,修改index.html文件里的路徑即可,把引入路徑都改成 ./xxx/xx/xxxx

2、本地的靜態資源不顯示

也是路徑問題,打開項目列表可以看到

打開app.b73e1550.js文件搜索圖片,可以看到

修改路徑即可


免責聲明!

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



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