Rumah > hujung hadapan web > tutorial js > 在vue中如何引用阿里字体图标的方法

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

亚连
Lepaskan: 2018-06-06 11:23:36
asal
2477 orang telah melayarinya

这篇文章主要介绍了vue中引用阿里字体图标出现错误问题的解决方法,感兴趣的朋友一起学习吧

想在vue中引用阿里的iconfont,却出现报错 ,原因是没有对应的loader处理字体文件。

解决办法

1.引入css文件

import 'font-awesome/css/font-awesome.min.css'
Salin selepas log masuk

2.在webpack.config中配置

{
    test: /\.(eot|svg|ttf|woff|woff2)$/,
    loader: 'file-loader'
}
Salin selepas log masuk

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

在VUE监听窗口中如何解决变化事件的问题

watch监听路由变化和watch监听对象(详细教程)

在vue中如何实现watch监听对象及对应值的变化

Atas ialah kandungan terperinci 在vue中如何引用阿里字体图标的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
vue
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan