現在網上的一些資源都是舊版的Hbuild打包app ，現在更新到Hbuid X，跟以往的打包app有些區別
一、准備項目
開發完成的web app項目（也可以利用vue-cli腳手架構建vue模板項目），npm run dev可以正常預覽的項目
二、修改項目中的參數
1、將項目目錄下config文件內index.js中assetsPublicPath修改為 assetsPublicPath: './'
注意：在這個文件中，有兩個assetsPublicPath，一個在dev中，一個在bulid中，我自己試的時候，同時修改，則打包成功的app顯示未空白，只修改build中的assetsPublicPath，則顯示正常
2，執行npm run build之后生成dist文件夾
三，使用HBuild X打包app
附HBuilder下載地址：http://www.dcloud.io/
1、打開HBuilder，通過打開目錄將vue-cli項目導入
2、通過文件---->新建---->項目，選擇5+app(A)，如下圖
新建的文件下會有
css
js
img
unpackage
index.html
manifest.json
等文件，將css，js，img三個文件刪掉，將在vue-cli中新文件dist文件下的static文件夾和index.html文件拷過來
注意： 將static文件夾整體拷過來，否則打包的app是空白，親測
在manifest.json文件中設置（可設置app的圖標，啟動頁等）
應用標識 ----->雲端獲取
圖標配置等等。。。
四、打包成app
右擊鼠標--->發行----->原生App-雲打包
可以選擇ios證書，也可以選擇Google（安卓）開發者證書
IOS證書申請流程： https://www.cnblogs.com/sk-fengzi/p/5670087.html
Google申請流程 ：http://ask.dcloud.net.cn/article/12718