[vue-cli3.0 + HBuilderX]打包APP

1、配置vue.config.js：

vue.config.js文件

a、publicPath：设置打包后静态文件的引用路径。

2、使用WebStorm + yarn创建项目生产构建：

图1

图2

3、创建的生产构建：

dist目录

dist目录结构

4、HbuilderX创建5+APP项目：

创建5+APP项目

5、删除5+APP项目部分默认内容：

5+APP默认目录结构

6、把问题3中dist目录下的内容替换到5+APP项目目录下：

替换后的目录结构

7、打包apk：

①配置manifest.json

配置基本信息

②工具栏-发行-原生APP云打包

设置打包信息

8、下载apk：

apk下载链接