為什么我設置打包之后,字體圖標出現一個文件夾后,還會單獨出現在dist文件夾下,而且,我的字體圖標出不來了
老師,我按照您的設置后,啟動和打包字體圖標都有問題,這是什么原因呢
自己提的問題自己回答竟然看不到,也是醉了
兩個問題都解決了,方案如下:
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,網上沒找原因,如果有知道的大佬希望告訴我下
2022-05-30
樓主找到解決辦法了嗎?
2022-04-24
兩個問題都解決了,我的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']
? ? ? },