?? 如果我們想打包成直接瀏覽的h5，我們需要配置manifest.json這個(gè)文件，在其中的h5配置中加入publicPath配置，配置如下：

??

? 代碼為：

?

"h5" : {

"publicPath": "./"

},

???? 配置好這個(gè)后，以后打包就會(huì)生產(chǎn)（./xxx）的引用，這樣就可以通過瀏覽器直接打開而不需要架設(shè)成一個(gè)服務(wù)。但是需要注意的是

????? 當(dāng)用css引用圖片即backage-image:url(./xxx/xxx.png)這種格式引用圖片時(shí)，地址需要寫出./格式。這樣運(yùn)行和打包都可以找到該圖片。但這種的話打包成小程序可能找不到圖片，所以當(dāng)正式使用時(shí)最好寫成（../../xxx.png）的形式。

?

????? 當(dāng)采用src引用時(shí)需要寫出相對(duì)路徑即（../../static/xxx.png），但是這樣打包后是找不到該圖片的，最好通過變量和require('../../static/img/java_05.png') 讀取圖片。

?????

?

?

?

總結(jié)

以上是生活随笔為你收集整理的uni-app打包h5的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。