踩坑记之字体图标在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