vue+vant打包

Posted maliyaya

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+vant打包相关的知识,希望对你有一定的参考价值。

目前学到了一种方法!

一:cd到文件夹对应的项目中  在cmd中输入 你npm run build

二:此时项目中会生成一个文件夹dist,在dist文件夹下的index文件里每个路径前加  ./ 如下图

技术图片

三:在HBuilder X中 点击文件---新建--项目---选择5+App---定义名称--模板选空项目

四:删除刚刚新建项目里面的  除了manifest.json 这个文件的其他文件

五:打开原来项目并复制dist中的文件,不包括dist,粘贴到,在HBuilder X中创建的项目里

六:点击HBuilder X中的  发行---原生APP云打包  ----android(apk包)----使用公共测试证书

技术图片

七:点击打包

八:打包成功后会显示下载地址

 

以上是关于vue+vant打包的主要内容,如果未能解决你的问题,请参考以下文章

前端自动分环境打包(vue和ant design)

【前端】vue项目同时引入elementUI和ant-design后,导致打包失败的解决方案。

Vue 开发实战实战篇 # 44:如何高效地构建打包发布

vue-hbuilder打包-调取摄像头或上传图片

Vue按需引入antd打包报错

VueCLI3打包优化--抽离依赖包