vue项目打包并使用HBuilder打包生成apk

一.查看vue项目配置

1.配置文件一:build>>utils.js (增加 – publicPath:’../../’ )

原因:这样写是处理打包后找不到静态文件的问题

《vue项目打包并使用HBuilder打包生成apk》 

2.配置文件二:config>>index.js(修改 – assetsPublicPath:’./’ )

原因:修改目的是为了解决js找不到的问题

《vue项目打包并使用HBuilder打包生成apk》

二 输入打包命令:npm run build

《vue项目打包并使用HBuilder打包生成apk》 

三 打开 HBuilder

《vue项目打包并使用HBuilder打包生成apk》

四:将vue打包的static 和 index.html复制在目录下

《vue项目打包并使用HBuilder打包生成apk》 

五:修改 manifest.json文件

《vue项目打包并使用HBuilder打包生成apk》 

《vue项目打包并使用HBuilder打包生成apk》 

《vue项目打包并使用HBuilder打包生成apk》 

同理在权限配置去掉通讯录的权限

《vue项目打包并使用HBuilder打包生成apk》 

六: 生成apk- 选择发行-原生app云打包

《vue项目打包并使用HBuilder打包生成apk》

 

 《vue项目打包并使用HBuilder打包生成apk》

七:打包成功进行安装

《vue项目打包并使用HBuilder打包生成apk》

 

    原文作者:cnsummerLi
    原文地址: https://blog.csdn.net/qq_39689605/article/details/124002047
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞