使用vue-cli 生成的webpack 項目红淡,使用scss引入字體文件"eot不狮、svg、ttf在旱、woff"摇零,在運行項目的時候報錯

報錯信息如下:

Uncaught Error: Cannot find module '../fonts/sell-icon.eot?k5xf13' at webpackMissingModule (index.scss?9c8b:7) at eval (index.scss?9c8b:7) at Object../node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./src/common/scss/index.scss (app.js:4837) at webpack_require (app.js:724) at fn (app.js:101) at eval (index.scss?ab6e:4) at Object../src/common/scss/index.scss (app.js:10066) at webpack_require (app.js:724) at fn (app.js:101) at eval (main.js:13)

image.png

網上查了下,原來 woff2桶蝎、eot驻仅、ttf、otf登渣,在webpack中配置的是url-loader噪服,然而在icon-font.scss中卻寫的是url,只要都改成url-loader就可以了胜茧。

@font-face {
  font-family: 'sell-icon';
  src: url-loader('../fonts/sell-icon.eot?k5xf13');
  src: url-loader('../fonts/sell-icon.eot?k5xf13#iefix') format('embedded-opentype'),
          url-loader('../fonts/sell-icon.ttf?k5xf13') format('truetype'),
          url-loader('../fonts/sell-icon.woff?k5xf13') format('woff'),
          url-loader('../fonts/sell-icon.svg?k5xf13#sell-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

Tips:vue-cli3 對webpack進行了處理粘优,它不會把配置文件暴露出來,你可以通過 vue inspect > output.js 將配置信息輸出到一個文件進行查看呻顽,但要修改其中配置需要在vue.config.js中修改覆蓋默認設置

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末雹顺,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子廊遍,更是在濱河造成了極大的恐慌嬉愧,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件喉前,死亡現(xiàn)場離奇詭異没酣,居然都是意外死亡,警方通過查閱死者的電腦和手機卵迂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門裕便,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人狭握,你說我怎么就攤上這事》枘纾” “怎么了论颅?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長囱嫩。 經常有香客問我恃疯,道長,這世上最難降的妖魔是什么墨闲? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任今妄,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘盾鳞。我一直安慰自己犬性,他們只是感情好,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布腾仅。 她就那樣靜靜地躺著乒裆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪推励。 梳的紋絲不亂的頭發(fā)上鹤耍,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機與錄音验辞,去河邊找鬼稿黄。 笑死,一個胖子當著我的面吹牛跌造,可吹牛的內容都是我干的杆怕。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼鼻听,長吁一口氣:“原來是場噩夢啊……” “哼财著!你這毒婦竟也來了?” 一聲冷哼從身側響起撑碴,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤撑教,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后醉拓,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體伟姐,經...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年亿卤,在試婚紗的時候發(fā)現(xiàn)自己被綠了愤兵。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡排吴,死狀恐怖秆乳,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情钻哩,我是刑警寧澤屹堰,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站街氢,受9級特大地震影響扯键,放射性物質發(fā)生泄漏。R本人自食惡果不足惜珊肃,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一荣刑、第九天 我趴在偏房一處隱蔽的房頂上張望馅笙。 院中可真熱鬧,春花似錦厉亏、人聲如沸董习。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽阱飘。三九已至,卻和暖如春虱颗,著一層夾襖步出監(jiān)牢的瞬間沥匈,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工忘渔, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留高帖,地道東北人。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓畦粮,卻偏偏與公主長得像散址,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子宣赔,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345