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中如何引用字体图标”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!