大佬教程收集整理的这篇文章主要介绍了HBuilder 打包 vue-cli 构建的 APP,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
1.在打包之前需要修改一个地方,那就是config->index.js文件,修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下
title="HBuilder 打包 vue-cli 构建的 APP" alt="HBuilder 打包 vue-cli 构建的 APP" src="https://cn.js-code.com/res/2019/03-05/01/655cf757939b59589a18c6e2a0b0ac04.png" >
上面文件改好后,开始打包,执行如下命令:
title="HBuilder 打包 vue-cli 构建的 APP" alt="HBuilder 打包 vue-cli 构建的 APP" src="https://cn.js-code.com/res/2019/03-05/01/c889319a410a9f52f402a6c0a892513d.png" >
生成 dist 文件夹
title="HBuilder 打包 vue-cli 构建的 APP" alt="HBuilder 打包 vue-cli 构建的 APP" src="https://cn.js-code.com/res/2019/03-05/01/662f227a21c8df8df579b63e752df9a8.png" >
2.打包步骤
步骤一:
将 dist 文件 放入 HBuilder 编辑器中,将项目 转换成 App ,生成 manifest.json
title="HBuilder 打包 vue-cli 构建的 APP" alt="HBuilder 打包 vue-cli 构建的 APP" src="https://cn.js-code.com/res/2019/03-05/01/9cdd1c300d5e233c0b1db1555da9dfad.png" >
步骤二:
配置 manifest.json,点击 "发行" 按钮 -- 发行为原生安装包(p)
title="HBuilder 打包 vue-cli 构建的 APP" alt="HBuilder 打包 vue-cli 构建的 APP" src="https://cn.js-code.com/res/2019/03-05/01/62642b7530155aaa02d5656d486bc405.png" >
步骤三:
title="HBuilder 打包 vue-cli 构建的 APP" alt="HBuilder 打包 vue-cli 构建的 APP" src="https://cn.js-code.com/res/2019/03-05/01/f98d140712737a53d28dcebf5b7ea781.png" >
安装 -- 测试 -- 上线
以上是大佬教程为你收集整理的HBuilder 打包 vue-cli 构建的 APP全部内容,希望文章能够帮你解决HBuilder 打包 vue-cli 构建的 APP所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。