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组件的v-model:value与v-model的区别解析
在Vue3中,v-model和v-model:value都是用于实现双向数据绑定的语法糖,但v-model:value提供了更显式和灵活的绑定方式,允许你明确指定绑定的属性名和事件名,它们的主要区别在于默认行为、灵活性、多模型绑定和使用场景,感兴趣的朋友一起看看吧2025-02-02
如何将iconfont图标引入到vant的Tabbar标签栏里边
这篇文章主要介绍了如何将iconfont图标引入到vant的Tabbar标签栏里边,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-04-04


最新评论