WebPack引用Bootstrap 無法使用圖標的結局方案


npm i https://github.com/iconic/open-iconic.git -D  因為boostrap的css里刪除了圖標 分開了 我們在引入個呵呵。

下載:npm i bootstrap@4.1.3 -D
由於4.x版本icon文件分離出去所以還需要下載open-iconic:

npm i https://github.com/iconic/open-iconic.git -D(下載可能有點慢,要花個幾分鍾,可用cnpm下載)

在index.js中引入

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

在webpack.config.js中配置
在html中引用

<span class="oi oi-account-login"></span>
<span class="oi oi-account-logout"></span>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM