问题:我当前做webpack案例的时候使用使用了bootstrap发现无法使用上面的图标。
后来发现网上的解决方案找到了
因为当前bootstrap版本是最新版本4以上,图标和样式分离了,所以要使用图标还需要安装一个叫
open-iconic这个包。
npm i https://github.com/iconic/open-iconic.git -S
安装后再配置下字体加载器
// 处理字体加载器
{test: /\.(ttf|eot|svg|woff|woff2|otf)$/, use: 'url-loader'},//处理字体文件的loader
再导入
import 'open-iconic/font/css/open-iconic-bootstrap.css'
测试:
<span class="oi oi-account-login"></span>
解决!
找到解决方案的博客:
https://blog.csdn.net/qq_39110534/article/details/86624885