解決vue項目使用font-awesome,build后路徑的問題
問題:
項目在本地run情況下顯示正常,在build后font-awesome的css文件依賴的幾個圖標文件引用路徑報錯。
在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ù):
這個方式是個治標的方式,不是問題的關(guān)鍵,關(guān)鍵應(yīng)該在腳手架的其他配置上。
以上這篇解決vue項目使用font-awesome,build后路徑的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
element中datepicker日期選擇器選擇周一到周日并實現(xiàn)上一周和下一周的方法
最近項目中需要用到日期選擇器,所以這里給大家總結(jié)下,這篇文章主要給大家介紹了關(guān)于element中datepicker日期選擇器選擇周一到周日并實現(xiàn)上一周和下一周的相關(guān)資料,需要的朋友可以參考下2023-09-09解決VUE中document.body.scrollTop為0的問題
今天小編就為大家分享一篇解決VUE中document.body.scrollTop為0的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09web面試MVC與MVVM區(qū)別及Vue為什么不完全遵守MVVM解答
這篇文章主要介紹了web面試中常問問題,MVC與MVVM區(qū)別以及Vue為什么不完全遵守MVVM的難點解答,有需要的朋友可以借鑒參考下,希望能夠有所幫助2021-09-09vue中如何使用唯一標識uuid(uuid.v1()-時間戳、uuid.v4()-隨機數(shù))
這篇文章主要給大家介紹了關(guān)于vue中如何使用唯一標識uuid(uuid.v1()-時間戳、uuid.v4()-隨機數(shù))的相關(guān)資料,當使用Vue.js生成UUID時,我們可以使用uuid庫來幫助我們生成通用唯一標識符(UUID),需要的朋友可以參考下2023-12-12