1. 程式人生 > >WebPack引用Bootstrap 無法使用圖示的結局方案

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

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

下載:npm i [email protected] -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>