如果我們想打包成直接瀏覽的h5,我們需要配置manifest.json這個文件,在其中的h5配置中加入publicPath配置,配置如下:
代碼爲:
- "h5" : {
- "publicPath": "./"
- },
配置好這個後,以後打包就會生產(./xxx)的引用,這樣就可以通過瀏覽器直接打開而不需要架設成一個服務。但是需要注意的是
當用css引用圖片即backage-image:url(./xxx/xxx.png)這種格式引用圖片時,地址需要寫出./格式。這樣運行和打包都可以找到該圖片。但這種的話打包成小程序可能找不到圖片,所以當正式使用時最好寫成(../../xxx.png)的形式。
當採用src引用時需要寫出相對路徑即(../../static/xxx.png),但是這樣打包後是找不到該圖片的,最好通過變量和require('../../static/img/java_05.png') 讀取圖片。