react打包 APP

漂亮得皮皮發表於2018-08-30
react寫好js後
1、在package.json 裡改相對路徑 "homepage":"./" //避免打包build後空白頁
react打包 APP


2、執行npm run build
react打包 APP


3、生成build檔案
react打包 APP


4、試執行build裡的index.html,看看是否有自己寫好的內容,如果是空白,檢查一下package.json是否配置好,或者其他原因
react打包 APP


5、運用Hbuild打包為App(先刪除原本的manifest.json)
下載Hbuild,百度網址 pc.qq.com/detail/3/de…
5.1 找到工具欄的檔案==》開啟目錄==》 匯入react 專案名目錄
react打包 APP


5.2 點選 右鍵 “轉化成移動App",無法截圖,請見諒
5.2 生成manifest.json 檔案
5.3 雙擊manifest.json檔案看看index.html 入口是否正確
react打包 APP


再看模板許可權配置==》已選模板 是否有模板,有的話就刪除
5.4 找到工具欄的發行==》發行為原生安裝包,資料夾不能有中文

react打包 APP

5.5 等待打包並下載成功


react打包 APP

react打包 APP

相關文章