vue 引用字体图标 vue中引用阿里字体图标的方法

我是包子脸 2021-03-28 我要评论

想了解vue中引用阿里字体图标的方法的相关内容吗，我是包子脸在本文为您仔细讲解vue 引用字体图标的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：vue,引用字体图标,vue,引入阿里图标,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中引用阿里字体图标的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！