webpack无法引入glyphicon图标的解决方案

在webpack开发中利用bootstrap4的字体图标

在项目开发中难免需要一些图标,如果用到bootstrap4的话，或者版本之上，版本icon文件都分离出去了，所以还需要下载open-iconic：

下载：npm i bootstrap@4.1.3 -D
由于4.x版本icon文件分离出去所以还需要下载open-iconic：

cnpm i https://github.com/iconic/open-iconic.git -D(github较慢)

在main.js中引入

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

在webpack.config.js中配置

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

在html中引用

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