关于用hbuilder将web项目打包成app

我的项目是vue+vant-ui。

1.vue打包前，需要做个处理：找到vue项目下config文件中的index.js，将assetsPublicPath修改成'./'

处理完在项目文件下执行打包命令：npm run build

得到dist文件

如图：

2.在hbuilder里新建app项目（默认模板就可以）

3.将新建的app项目中的css、img、js删掉，把dist文件中的static直接复制到一级目录下

把新建的app项目中的index.html文件替换成dist文件下的index.html

最终项目结构：

提示：运行到手机后测试会报错，一般是index.html里引用的路径有问题，可自行更正。