問(wèn)題:
項(xiàng)目在本地run情況下顯示正常,在build后font-awesome的css文件依賴的幾個(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)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注