vue2项目打包成app安装包

一、项目写好之后,在vue.config.js加上三行代码

  publicPath: './', // 可以设置成相对路径,这样所有的资源都会被链接为相对路径,打出来的包可以被部署在任意路径
  outputDir: 'dist', //打包时生成的生产环境构建文件的目录
  assetsDir: 'public', // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录

二、Npm run build打包,生成dist文件{此时可直接打开dist/index.html在浏览器查看效果(!!!注意:HbuilderX可直接预览,Vscode需要鼠标右键"open with live server",即需安装“Live Server”插件)}

三、在HbuilderX创建5+App项目,只留下manifest.json

四、把dist文件下的所有文件复制到5+App项目里面(此时直接运行到模拟器可能会报错,但不影响打包后的安装和使用)。

五、进行app云打包 

posted @ 2023-06-01 13:48  CoolPomelo  阅读(93)  评论(0)    收藏  举报