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,一個問題困了我一天，現在的技術分享不大行好像，一搜索都是以前的東西

• 下班了