問題：

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

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

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

解決：

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

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

將配置中option注釋掉即可解決路徑問題。

后續(xù)：

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

以上這篇解決vue項(xiàng)目使用font-awesome,build后路徑的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com