需要下载HBuildX 软件
步骤1
编译自己的VUE项目
编译项目之前有很重要的步骤不能忘记
将config文件夹里面的index.js中的 assetsPublicPath的值修改 为“./”
webpack.prod.conf.js 中output添加参数publicPath:’./’
在webpack.base.conf.js里
publicPath: process.env.NODE_ENV === ‘production’
? ‘./’ +config.build.assetsPublicPath
: ‘./’ + config.dev.assetsPublicPath
这三个文件最好进行备份因为改了这些 你的浏览器就打不开页面了 改这个只是适配app 改完之后 进行项目编译
编译之后的页面在这了
步骤2
打开HBuildX 新建 5+app项目
新建成功之后
其中 js img css 文件夹都是空的可以直接删除 index.html 也要删除 因为要用我们自己编译的东西
步骤3
将自己VUE编译好的 dist下面的static 文件夹和index.html 放入peachFile 文件夹下
步骤四 配置启动项
在hbuildx点击 manifest.json 右边
可以配置自己喜欢的启动图片 可以一个一个配 也可以上传一个 后面一键生成
配置自己用到的模块
完成之后 点击 发行--原生app
选用公测证书直接点击打包即可