HBuilder 打包 vue-cli 构建的 APP

大佬教程收集整理的这篇文章主要介绍了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，请注明来意。