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

一、執行npm run build以後生成dist文件夾

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

三、把dist文件夾裏的全部文件拷貝替換到APP文件夾下

四、打開manifest.json文件配置相關內容（自行百度，配置APP圖標等選項）

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

六、打包後下載安裝便可

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

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

一、安裝後看到的是一片空白

這個是路徑問題，修改index.html文件裏的路徑便可,把引入路徑都改爲 ./xxx/xx/xxxx

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

也是路徑問題，打開項目列表能夠看到

打開app.b73e1550.js文件搜索圖片，能夠看到

修改路徑便可