vue項目打包成app方法


需要下載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

 

 選用公測證書直接點擊打包即可

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM