這篇文章主要介紹如何解決vue項(xiàng)目使用font-awesome,build后路徑的問(wèn)題，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)提供從項(xiàng)目策劃、軟件開(kāi)發(fā)，軟件安全維護(hù)、網(wǎng)站優(yōu)化(SEO)、網(wǎng)站分析、效果評(píng)估等整套的建站服務(wù)，主營(yíng)業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作，重慶App定制開(kāi)發(fā)以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專(zhuān)業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。成都創(chuàng)新互聯(lián)深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

問(wèn)題：

項(xiàng)目在本地run情況下顯示正常，在build后font-awesome的css文件依賴(lài)的幾個(gè)圖標(biāo)文件引用路徑報(bào)錯(cuò)。

在webpack.base.conf.js中關(guān)于幾個(gè)文件的配置如下：

{
 test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
 loader: 'url-loader',
 options: {
  limit: 10000,
  name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
  }
}

解決：

通過(guò)和網(wǎng)上其他大神的配置對(duì)比上發(fā)現(xiàn)，有些webpack.base.conf.js的配置如下：

{
 test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
 loader: 'url-loader'
}

將配置中option注釋掉即可解決路徑問(wèn)題。

后續(xù)：

這個(gè)方式是個(gè)治標(biāo)的方式，不是問(wèn)題的關(guān)鍵，關(guān)鍵應(yīng)該在腳手架的其他配置上。

以上是“如何解決vue項(xiàng)目使用font-awesome,build后路徑的問(wèn)題”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱(chēng)：如何解決vue項(xiàng)目使用font-awesome,build后路徑的問(wèn)題-創(chuàng)新互聯(lián)
文章起源：http://www.weahome.cn/article/gsgii.html