vue打包字型檔案路徑錯誤的問題

2021-10-01 10:49:16 字數 567 閱讀 6641

在我的專案中遇到的情形是:

打包後,css裡載入的font檔案路徑變成了:/static/css/static/fonts/iconfont.eot,原先的打包沒有這樣的問題,而期望的應該是/static/fonts/iconfont.eot。

修改方式:在build/utils.js37行左右的extracttextplugin.extract裡加上 publicpath: 『…/…/』:

function generateloaders (loader, loaderoptions) , loaderoptions, )})}

// extract css when that option is specified

// (which is the case during production build)

if (options.extract) )

} else 

}

打包以後不會出現字型路徑錯誤的問題了!

vue打包字型路徑錯誤

打包之前 的檔案目錄 打包之後的檔案目錄 dist index.html static fonts css img js 使用 vue build 之後做 請求,發現 woff 字型無法獲取,除錯發現 真實路徑應該是 static fonts icomoon.0125455.woff 瀏覽器實際載入...

vue專案打包需要修改的路徑問題

vue cli專案打包需要修改的路徑問題 vue 打包生成配置檔案,方便外部修改公共路徑,不用每次都進行打包部署 vue打包後改變路徑的問題 命令列輸入 npm run build 打包出來後專案中就會多了乙個資料夾dist,這就是我們打包過後的專案。第乙個問題,檔案引用路徑。我們直接執行打包後的資...

CDN中,字型檔案的跨域問題和解決

font face是css3中的乙個特性,可以把自己定義的web字型嵌入到網頁中,隨著 font face,越來越多的網頁採用字型圖示作為網頁中的小圖形。比如bootstrap就採用了glyphicons 字型圖示 在bootstrap的架構下可以免費使用glyphicons的250多種圖示字型。另...