VUE项目如何使用HBuilder打包成app

1.配置好vue.config.js 文件

在项目根目录下新建一个vue.config.js文件，并配置如下代码

module.exports = {
  lintOnSave: false,  // 关闭格式校验
  publicPath: './' //主要是配置改路径
}

---

2. 使用打包命令

npm run build

或者

yarn build

然后会在项目根目录下得到dist文件夹，我们接下来就会使用到它

3.在HBuilder创建一个5+app项目

---

4.将dist文件里面的内容全部复制粘贴到5+app的项目目录下，对index.js、css、img、js等文件进行覆盖,unpackage文件夹下存放的是不需要打包的文件（一般可忽略）

---

5. 对 manifest.json 文件进行配置，（测试时）如无必要，可直接或略，使用默认

---

6. 顶部导航栏‘发行’->‘原生App-云打包’（使用本地打包也可，比较麻烦，要使用到AndroidStudio，如无必要不要选择该方式）（注意：证书如果没有，选择‘公共测试证书’）,传统打包/安心打包都可

---

7. 等待提交的项目打包成功，一般3-5分钟，在控制带会返回一个下载链接（临时链接，只提供下载5次），点击下载得到打包的app