問題解決23:在webpack中引用了bootstrap無法使用圖標

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章