解決vue項目使用font-awesome,build后路徑的問題

問題：

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

在webpack.base.conf.js中關于幾個文件的配置如下：

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

解決：

通過和網上其他大神的配置對比上發現，有些webpack.base.conf.js的配置如下：

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

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

后續：

這個方式是個治標的方式，不是問題的關鍵，關鍵應該在腳手架的其他配置上。

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

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