10-webpack字体图标loader

前面通过url-loader解决了背景图片的转换问题,现在要用url-loader解决字体图标的转换问题,这里问题,解决方法

image.png

一.问题

前面我们通过在webpack.config.js中配置图片的loader规则,解决了图片转换的问题,但是在字体图标中也有url,我们如何转换呢

image.png

二.解决方法

• 粘贴fonts文件
• 样式里导入字体图标样式配置
• 在html中使用字体图标

• 在webpack.config.js中配置字体图标的loader规则

  
  image.png
  image.png

image.png
image.png
image.png