記錄以下自己將web app打包成移動端app的步驟及問題

事先準備，開發完成的web app專案（也可以利用vue-cli腳手架構建vue模板專案），npm run dev可以正常預覽的專案

1，將專案目錄下config檔案內index.js中assetsPublicPath修改為 assetsPublicPath: './'

2，執行npm run build之後生成dist資料夾

3，開啟HBuilder，檔案->開啟目錄，如下圖

選擇剛才生成的dist目錄，輸入專案名稱，點選完成

3，此時會看到HBuilder專案下多了一個W標識（表示web專案）的myApp專案，

右鍵選單選擇‘轉換成移動‘轉換成移動App’，然後‘myApp’前面的標識就變成了‘A’,至此就已經轉換成移動app了，

隨後就可以利用HBuilder連線真機執行

或者發行成為原生app

注意：如果真機執行或模擬器執行報如下錯誤

Uncaught Error: [vuex] vuex requires a Promise polyfill in this browser

以下為以android apk為例的發行為原生app的步驟

1，點擊發行，這裡釋出測試apk選擇使用DCloud公用證書，點選‘打包’

2，正在製作安裝包，製作完成，手動下載

3，將下載的apk安裝到android的手機看效果，以下是放到模擬器中的效果

然後就可以在手機上玩啦~