這篇文章主要介紹如何解決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后路徑的問題”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
