vue項目

1. 打開自己的vue項目

2. 再項目根目錄新建vue.config.js? ? 項目配置文件(防止打包后白屏)

配置publicPath

module.exports = {

publicPath: './'

}

3. 運行yarn build打包

4. 打開HBuilderX，新建項目，選擇5+ (HTML5)項目

5. 把dist內(nèi)的所有目錄復制，粘貼到新建的5+項目中(全部覆蓋)

6. 配置自己APP的圖標，名字...? (manifest.json配置)

7. 選中項目，點擊發(fā)行，選中原生APP-云打包，進行云端打包

8. 下載打包完成的apk文件，安裝到手機上即可

react項目

1.打開react項目，在package.json文件中，配置homepage

{

"homepage": "./"

}

2.yarn build 打包

3. 打開HBuilderX，新建項目，選擇5+ (HTML5)項目(將新建項目除manifest.json的所有文件刪除)

4.打包后build里面的所有文件(除manifest.json)復制到HBuilderX新建項目中

5. 配置自己APP的圖標，名字...? (manifest.json配置)

6. 選中項目，點擊發(fā)行，選中原生APP-云打包，進行云端打包

7. 下載打包完成的apk文件，安裝到手機上即可

總結(jié)

以上是生活随笔為你收集整理的html5游戏怎么做apk,如何把h5app打包成移动apk的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。