vue2.x +webpack4.x+Hbuilder单页面打包成apk

vue2.x + webpack4.x 写的项目，现在用hbuilder打包成apk，主要有几点注意的：

1. cnmp run build 的时候，更改一下config下的index.js 中 assetsPublicPath: ‘/‘为’./’，把压缩的true改成false:
   

2. 更改router中的 mode为hash模式，或者注释掉history：
   

3. 把vue项目打包：cnmp run build，得到dist文件。
   

4. 然后安装hbuilder：http://www.dcloud.io/ next就可以，然后打开hbuilder，把 然后安装hbuilder：http://www.dcloud.io/ next就可以，然后打开hbuilder，把dist文件夹拖入左边，形成一个web项目。
   

5. 右键，转换成app，然后那个W标记就变成A，并多出来几个文件:
   
   

6. 然后连接手机，打开开发者模式，选中项目，连真机调试：
   

7. 调试没问题了，就可以打包了，选中项目，点击发行，若是之后打包的过程隐藏了打包页面，可以点下面查看。。。等：
   

8. 要是想要设置手机桌面的图标和名字，可以在mainifest.json中设置名称和图标配置：
   
   
   

9. 保存后打包，我用的是hbuilder用来测试的证书等，安卓证书默认信息http://ask.dcloud.net.cn/article/68，若是需要自己的ios文件及安卓证书等，可查看http://ask.dcloud.net.cn/article/152和https://blog.csdn.net/lmy0111ly/article/details/52936340，androidstudio或者cmd打包都挺方便的，然后等待结果，成功后在项目的unpackage文件夹下的release中可以找到安卓包和ios包，安装使用，至于上线则再不赘述，很麻烦：
   
   
   打包后测试有点击屋里返回键就退出项目的bug，这个还没开始看，当然还有一系列的web第三方的调用 ，当然和客户端是不一样的，要是真的这么上线安卓和ios，就得再研究了，以上就是vue单页应用用hbuilder打包的全过程。