vue3项目打包app

目录

• vue项目打包app
• vue
  • 配置文件
  • 打包
• HBuilder
  • 步骤
  • 打包
  • 运行
  • 或者 发行
• 总结

vue项目打包app

• vue -V -> @vue/cli 4.2.3

• HBuilder

vue

配置文件

vue.config.js

module.exports = {
    publicPath:'./'
  }

打包

npm run build

HBuilder

步骤

• 新建一个项目 5+app

• 将里面除了manifest.json删掉

• 将dist中内容全部复制进来

• 配置manifest.json

  • 基础配置

    1. appid自己搞一个

    2. 应用名可以随便起

  • 图标配置

    png格式，自动生成并替换那个选项我测试不了

  • 启动图配置

    放了张图，消失的非常之快！！！

  • sdk配置

    后面的还都没有用到

  • .....

打包

运行

运行到手机或浏览器 ->制作自定义调试基座->我是仅选了安卓->证书：公共测试证书->打包->按提示操作->复制给出的目录->手机下载

或者 发行

跟上面差不多，这个步骤一般不会出现什么问题

都可以得到一个安装包

总结

• 仅是测试，没有任何接口，只放了一张图片跟两句话

• 一开始打开app是空白的，提示了一个，之后显示正常了index.html里写的还是这个

  We're sorry but hihi doesn't work properly without JavaScript enabled. Please enable it to continue.
  

  没有写js代码...不明白

• 关于build文件

  因为我搜索了很多的解决方法都是说改build下的config.js，

  vue3、4的解决方法都好少，不用vue也并不是很会写配置文件，技术盲区

  在csdn上看到一个，关于publicPathde

  如果你用的是 baseUrl ，则打包的时候会提示黄色字体，说该属性已经在3.3之后废弃，请使用publicPath（不过仍然可以打包成功），很建议大家看看vue cli的官方配置参考文档对这两个的解释，能够理解的更深：
  
  https://cli.vuejs.org/zh/config/#vue-config-js
  

• 从来没打包过app,一个问题困了我一天，现在的技术分享不大行好像，一搜索都是以前的东西

• 下班了