webpack4 使用bootstrap4 图标

 

　　在webpack项目开发中，难免会需要一些图标，如果用到bootstrap4的话，就会碰到一些问，因为bootstrap 4.x版本把icon分离出来作为一个单独的项目open-iconic，所以cnpm i bootstrap -S是还不够的。还需要在安装open-iconic项目。

1. 下载安装：cnpm i bootstrap -D　　

　　如果是4以上的版本，还需要安装 cnpm i open-iconic -D

2. 在index.js引入（这个主文件看个人，有的是index.js）

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

3.在webpack.config.js中配置

{test: /\.(eot|otf|svg|ttf|woff)$/, use: 'url-loader'}

4.在index.html中

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

更多图标地址：https://useiconic.com/open#icons