vue中引用阿里字体图标的方法
更新时间:2018年02月10日 15:58:14 作者:我是包子脸
这篇文章主要介绍了vue中引用阿里字体图标出现错误问题的解决方法,感兴趣的朋友跟随脚本之家小编一起学习吧
想在vue中引用阿里的iconfont,却出现报错 ,原因是没有对应的loader处理字体文件。
解决办法
1.引入css文件
import 'font-awesome/css/font-awesome.min.css'
2.在webpack.config中配置
{ test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader' }
总结
以上所述是小编给大家介绍的vue中引用阿里字体图标的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
Vue3中使用reactive时,后端有返回数据但dom没有更新的解决
这篇文章主要介绍了Vue3中使用reactive时,后端有返回数据但dom没有更新的解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-03-03一文带你了解什么是Vue的前端微服务架构(Micro Frontends)
微前端架构是一种将大型前端应用拆分为多个小型、独立的前端应用的架构风格,每个小型前端应用都可以独立部署、独立开发和独立运行,下面我们就来学习一下它的相关使用吧2023-11-11Vue+Element一步步实现动态添加Input_输入框案例
这篇文章主要介绍了Vue+Element一步步实现动态添加Input_输入框案例,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-09-09vue3+element 分片上传与分片下载功能实现方法详解
这篇文章主要介绍了vue3+element 分片上传与分片下载功能实现方法,结合实例形式详细分析了vue3+element 分片上传与下载相关实现技巧与操作注意事项,需要的朋友可以参考下2023-06-06
最新评论