踩坑记录：webpack下载bootstrap去使用字体图标无法

据说是因为boostrap的css里删除了图标分开了，emmm，我也不知道啊！！
但是解决方案如下：

npm i https://github.com/iconic/open-iconic.git -D

npm可能会有点慢，所以我用的是cnpm
下载完了之后要记得去main.js去引入包

import 'bootstrap/dist/css/bootstrap.min.css'
import 'open-iconic/font/css/open-iconic-bootstrap.css'

还有记得在配置文件添加字体图标的后缀

{
        test: /\.(ttf)|(eot)|(svg)|(woff)|(woff2)|(otf)$/,
        use: 'url-loader'
},

特别注意的是
glyphicon glyphicon-heart等同于oi oi-heart

<span class="oi oi-heart" aria-hidden="true"></span>

然后就可以使用bootstrap的字体图标啦~

对了，参考链接：https://www.cnblogs.com/ZaraNet/p/10255965.html

手动分割线

我好像发现，bootstrap上的图标有一些是没有用的，所以各位要去https://useiconic.com/open#icons
这里去查看相对应的图标，不要去bootstrap那边引入图标类名