亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么我設置打包之后,字體圖標出現一個文件夾后,還會單獨出現在dist文件夾下,而且,我的字體圖標出不來了

http://img1.sycdn.imooc.com/6264f9cf000198ca13650787.jpg

http://img1.sycdn.imooc.com/6264fa27000126b514030964.jpg

老師,我按照您的設置后,啟動和打包字體圖標都有問題,這是什么原因呢



自己提的問題自己回答竟然看不到,也是醉了

兩個問題都解決了,方案如下:

webpack5配置字體圖標版本不同,配置如下https://www.csdn.net/tags/MtTaQg3sMTYyNTEtYmxvZwO0O0OO0O0O.html


字體圖標不顯示的問題可能是因為字體庫的css不同吧(猜想的,因為我的樣式和老師版本的樣式不太一樣)

字體圖標樣式

@font-face {

? font-family: "iconfont"; /* Project id 3349321 */

? src: url('./iconfont/iconfont.woff2?t=1650592189509') format('woff2'),

? ? ? ?url('./iconfont/iconfont.woff?t=1650592189509') format('woff'),

? ? ? ?url('./iconfont/iconfont.ttf?t=1650592189509') format('truetype');

}


webpack中配置如下

? ? ? {

? ? ? ? test:/\.(woff2|woff|truetype)$/,

? ? ? ? use:['file-loader']

? ? ? },


好像是必須和format中的值一致,才可以出現,反正我這樣設置就ok,網上沒找原因,如果有知道的大佬希望告訴我下

正在回答

2 回答

樓主找到解決辦法了嗎?

0 回復 有任何疑惑可以回復我~
#1

希望林柚一健康快樂成長 提問者

解決了,我寫解決方案在提問里,你看不到嗎
2022-05-30 回復 有任何疑惑可以回復我~
#2

weixin_慕斯卡7586958 回復 希望林柚一健康快樂成長 提問者

謝謝你 我按照你的寫法我也解決了
2023-12-11 回復 有任何疑惑可以回復我~

兩個問題都解決了,我的webpack是版本5,版本5的webpack打包字體圖標方式如下:https://www.csdn.net/tags/MtTaQg3sMTYyNTEtYmxvZwO0O0OO0O0O.html,此配置后dist文件中不會再dist出現多余字體圖標文件,而是只用一個font文件夾包裹著的

?為什么按照老師的配置文件字體圖標不出現,老師配置的是后綴名,但是我配置后綴名不出現,也可能是字體圖標發生了改變,而是需要配置樣式文件當中的format()中的后綴名,就可以正常出現

@font-face {

? font-family: "iconfont"; /* Project id 3349321 */

? src: url('./iconfont/iconfont.woff2?t=1650592189509') format('woff2'),

? ? ? ?url('./iconfont/iconfont.woff?t=1650592189509') format('woff'),

? ? ? ?url('./iconfont/iconfont.ttf?t=1650592189509') format('truetype');

}

配置如下:

? ? ? {

? ? ? ? test:/\.(woff2|woff|truetype)$/,

? ? ? ? use:['file-loader']

? ? ? },


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

為什么我設置打包之后,字體圖標出現一個文件夾后,還會單獨出現在dist文件夾下,而且,我的字體圖標出不來了

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號