HBuilder将vue项目打包成移动端app

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

vue项目打包成移动APP

  • 1.首先创建一个vue项目

  • 2.什么都不要管,直接npm run build 打包，打包后之后会有一个dist文件

  • 3 使用HBuilder X 新建一个5+APP

  • 4 除了manifest.json 其他文件全部删除

  • 5然后把打包好的dist文件夹下文件复制到test 下

  • 6 接着修改index.html

    • 这是默认文件

  • 7.云打包 点击云打包

    • 使用公用测试正式 广告全部不要勾选 然后点击打包 打包后之后会返回一个下apk链接 复制链接到浏览器下载 下载后 发给自己手机上 安装就可以了

1.首先创建一个vue项目

2.什么都不要管,直接npm run build 打包，打包后之后会有一个dist文件

3 使用HBuilder X 新建一个5+APP

4 除了manifest.json 其他文件全部删除


5然后把打包好的dist文件夹下文件复制到test 下

6 接着修改index.html

这是默认文件

在引入文件前面加上 ./

修改后的 每一个都要加上

7.云打包 点击云打包

使用公用测试正式 广告全部不要勾选 然后点击打包 打包后之后会返回一个下apk链接 复制链接到浏览器下载 下载后 发给自己手机上 安装就可以了


下面是效果图（公司的一个项目）

刚好做到这么个项目，百度找了很多 都不行 然后自己结合百度的整合，终于搞好了

以上是 HBuilder将vue项目打包成移动端app 的全部内容， 来源链接： utcz.com/z/377928.html

回到顶部