也是學(xué)習(xí)別人的經(jīng)驗(yàn)之后，再次整理之后，希望對(duì)大家有幫助。

打包前的準(zhǔn)備

vue的安裝，項(xiàng)目建立，這些就不再多說(shuō)了。

一、首先，在配置文件里找到config里面找到index.js，打開(kāi)后修改build里面 assetsPublicPath 的值，改 “/” 為 “./”，如果不修改的話，打包之后 ，路徑是錯(cuò)誤的。

二、cd到項(xiàng)目目錄下，用命令行 執(zhí)行 npm run build

項(xiàng)目里就會(huì)多出一個(gè)文件夾 dist ，如圖1：

圖1

三、打開(kāi)HX，文件 -> 新建? -> 5-app? -> 新建一個(gè)項(xiàng)目

建立新項(xiàng)目之后，只保留manifest.json文件，其他文件全部刪掉，這個(gè)是手機(jī)App的配置文件，之后把dist里的兩個(gè)文件放到新建的項(xiàng)目里面

圖2

四、就可以點(diǎn)擊發(fā)行 -> 選擇App云端打包

之后配置好需要的東西

五、點(diǎn)擊打包之后沒(méi)有錯(cuò)誤提示，那么你就可以安心的等待了。

六、如果你想查看打包進(jìn)度，還是點(diǎn)擊發(fā)行 -> 選擇查看打包進(jìn)度

會(huì)在底部控制欄里顯示

圖3

圖4

七、點(diǎn)擊下載地址之后，你就可以拿到你想要的包了