問題:我當前做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