Hbuilder打包vue项目成APP成功实践
来源：直接复制网 时间：11-19
我们用vue做好一个移动端项目，想打包生成APP。 如何处理呢？ 以下是我的成功实践，用HBuilder进行云打包。
1，使用npm run build 对制作的vue项目进行打包，生成dist文件。
我是使用的是vue-cli4模板生成的vue文件，自定义vue.config.js, 需要将PublicPath中的“/”，改为“./”后，打包生成的 dist 文件。
2，启动HBuilderX。选择文件->新建->项目->5+APP , 创建一个项目。
3,将dist中的文件放到项目中。如图
这里unpackage用于存储打包的一些图片资源等。
4,做基础配置：
5，做图标配置：
6，做完这一步就可以在线云打包了。方法：发行-》原生APP云打包。
由于是实验性的一个简单测试。一些单独的配置，我们都采用公共的，简化一下流程。，配置好以后打包就可以了。
云打包需要排队，等打包完成，就可以下载生成的apk和ios文件了
我们把安装包安装到模拟器或者手机上后，效果如图，这就是成功测试的经历，希望对您有益处。
