关于hbuilder打包app的一些问题
2 分钟阅读 最近也是有了新的需求 原本的移动端项目需要转化成移动端app 由于比较急 也是用了一下HBuilder的打包工具 说一说使用过程中的一些坑吧
总体的使用比较简单 就是把移动端的项目打包后的dist目录用HBuilder打开,然后右键菜单有个转化成移动app
然后就会生成一些打包的配置文件,我们需要在里边配置需要用到的权限和启动图片,app图标等,配置完之后直接打包即可,下边来说一说坑~
由于第一次使用这个工具也是不可避免的出现了许多坑,第一个坑就是打包后的app装到手机里直接白屏,这个问题比较简单,只需要把vue脚手架中config里的assetsPublicPath改成'./'即可
第二个坑就是发现很多图片都不显示了,这个也是跟webpack的配置有关系,我这里的问题就是webpack中图片压缩的limit过于小,导致很多图片没有被打包进去,而根据路径又找不到对应的图片,所以就无法显示,这里的解决办法有两个,一是把webpack的limit改大一些,二就是直接把img的src写成图片打包后的路径,这样就不会出现丢失图片的问题了,推荐第二种做法吧,毕竟webpack会转成base64格式,这样的话可能在图片多的时候用的流量太多了,毕竟是移动端项目,流量还是比较严重的问题.
第三个坑就是打包后的项目在按返回键的时候会直接退出而不是返回上一层,这个问题我也是百度解决的,在这里附上链接,如何解决HBuilder App返回键退出
目前遇到的问题大概就是这些 等项目接口通通接完之后如果还有其他问题会继续的补充