為什么我設(shè)置打包之后,字體圖標(biāo)出現(xiàn)一個(gè)文件夾后,還會(huì)單獨(dú)出現(xiàn)在dist文件夾下,而且,我的字體圖標(biāo)出不來(lái)了
老師,我按照您的設(shè)置后,啟動(dòng)和打包字體圖標(biāo)都有問(wèn)題,這是什么原因呢
自己提的問(wèn)題自己回答竟然看不到,也是醉了
兩個(gè)問(wèn)題都解決了,方案如下:
webpack5配置字體圖標(biāo)版本不同,配置如下https://www.csdn.net/tags/MtTaQg3sMTYyNTEtYmxvZwO0O0OO0O0O.html
字體圖標(biāo)不顯示的問(wèn)題可能是因?yàn)樽煮w庫(kù)的css不同吧(猜想的,因?yàn)槲业臉邮胶屠蠋煱姹镜臉邮讲惶粯樱?/p>
字體圖標(biāo)樣式
@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中的值一致,才可以出現(xiàn),反正我這樣設(shè)置就ok,網(wǎng)上沒(méi)找原因,如果有知道的大佬希望告訴我下
2022-05-30
樓主找到解決辦法了嗎?
2022-04-24
兩個(gè)問(wèn)題都解決了,我的webpack是版本5,版本5的webpack打包字體圖標(biāo)方式如下:https://www.csdn.net/tags/MtTaQg3sMTYyNTEtYmxvZwO0O0OO0O0O.html,此配置后dist文件中不會(huì)再dist出現(xiàn)多余字體圖標(biāo)文件,而是只用一個(gè)font文件夾包裹著的
?為什么按照老師的配置文件字體圖標(biāo)不出現(xiàn),老師配置的是后綴名,但是我配置后綴名不出現(xiàn),也可能是字體圖標(biāo)發(fā)生了改變,而是需要配置樣式文件當(dāng)中的format()中的后綴名,就可以正常出現(xiàn)
@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']
? ? ? },