踩坑记之字体图标在webpack中

首先介绍一个还不错的字体图标库:

font-awesome

是在发现bootstrap在npm下载后没有font包以后重新找的字体库,内容还挺丰富的,好像还有动态图,感兴趣的可以看一下

我的环境是webpack4+vue2,在引用

import 'font-awesome/css/font-awesome.css'
后运行报错说没有合适的loader后来发现没装file-loader只有url-loader是无效的,另外添加规则的时候也只写url-loader就可以了,但是在vue环境下,只安装
npm install font-awesome -D
是不对的,还需要安装一个
npm i -D vue-fontawesome
插件,不然引用图标的时候总是显示小方框
原文地址:https://www.cnblogs.com/llcdbk/p/11527430.html