1.先将vue项目执行npm run build (或是yarn build),打包生成dist文件
2.打开HbuildX,文件-->新建-->项目,新建一个项目,如图
1 (1).png
3.在这个新建的项目中,会生成几个文件夹,生成的类似css,js,img,index.html等文件夹删除,其他的不动,然后把刚刚打包生成的dist里面的js,css,index.html等文件放到这个新建的项目中,如下图
2.png
-
ps:上图的图片也是vue项目中的,不是生成的
4.更改manifest.json里面的内容
3.png
图标配置
4.png
![6.png](https://upload-images.jianshu.io/upload_images/20267658-0fa7dddd0e9f11c1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
5.在HbuildX的头部导航栏处点击发行-->原生app--云打包,流程如下:
8.png - 在选中Andriod(apk打包)后,就不要再选IOS了,不然会打包不了
- 有自有证书的就选自有证书
- 一般选正式打包
- 对于广告什么的,可选可不选
以上,因为在打包apk时,在选中Android的同时选中了iOS包,所以点击打包一直不显示打包中,特此记录一下
参考:https://www.cnblogs.com/taohuaya/p/10263519.html
ps:如果报错:
122.png
那么在权限配置里把Contact取消选中即可