Vue工程化之引入element-ui框架后图标失效

场景：

    vue-cli搭建的工程化项目，引入element框架后发现图标无效，变为方块

    

 

解决方案：

    在index.html引入样式文件CDN连接便可

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

引入成功后会发现以前的font-awesome无效，这时去源码查看会看到font-awesome图标前缀是fa fa-xxx形式，但element框架的图标源码格式为el-icon-xxx形式。

 

 

.