Vue-cli3.0 项目打包成安卓应用

542 阅读1分钟

1. 打包项目

修改根目录下的 vue.config.js 文件(没有就新建一个),添加下面的代码,保证打包之后不会白屏

module.exports = {
  publicPath: "./"
}

运行 npm run build,打包之后, dist 目录下的文件,如下所示 在这里插入图片描述

2. 使用一个神器,HbuildX,安装下载啥的,咱就不说了。新建一个 5+App 项目

在这里插入图片描述

3. 替换,将 dist 目录下的所有文件复制,粘贴到刚刚创建的 uniapp 项目中,全部替换。

4. 配置 manifest.json

在这里插入图片描述 (图片仅支持 png 格式)

在这里插入图片描述

在这里插入图片描述

  1. 基本配置完成之后,开始打包了。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

打包完成,可以在手机上面安装自己的App了。

在这里插入图片描述