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


Posted in Javascript onFebruary 10, 2018

想在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中引用阿里字体图标的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
select组合框option的捕捉实例代码
Sep 30 Javascript
使用jquery读取html5 localstorage的值的方法
Jan 04 Javascript
javascript通过class来获取元素实现代码
Feb 20 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
node.js 使用ejs模板引擎时后缀换成.html
Apr 22 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
Nov 30 Javascript
javascript实现文字无缝滚动
Dec 27 Javascript
基于JQuery的购物车添加删除以及结算功能示例
Mar 08 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
Aug 01 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
Oct 19 Javascript
基于node下的http小爬虫的示例代码
Jan 11 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
Express进阶之log4js实用入门指南
Feb 10 #Javascript
Vue完整项目构建(进阶篇)
Feb 10 #Javascript
JS简单获得节点元素的方法示例
Feb 10 #Javascript
JS简单添加元素新节点的方法示例
Feb 10 #Javascript
vue.js系列中的vue-fontawesome使用
Feb 10 #Javascript
集成vue到jquery/bootstrap项目的方法
Feb 10 #jQuery
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
Feb 10 #Javascript
You might like
php设计模式之命令模式的应用详解
2013/05/21 PHP
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
php中解析带中文字符的url函数分享
2015/01/20 PHP
PHP生成随机密码4种方法及性能对比
2020/12/11 PHP
js 目录列举函数
2008/11/06 Javascript
JQury slideToggle闪烁问题及解决办法
2011/07/05 Javascript
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
javaScript中的this示例学习详解及工作原理
2014/01/13 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
2017/02/28 Javascript
强大的 Angular 表单验证功能详细介绍
2017/05/23 Javascript
Angularjs上传图片实例详解
2017/08/06 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
2018/01/15 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
vue+Element-ui前端实现分页效果
2020/11/15 Javascript
[02:16]DOTA2超级联赛专访Burning 逆袭需要抓住机会
2013/06/24 DOTA
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
python fabric使用笔记
2015/05/09 Python
python中os和sys模块的区别与常用方法总结
2017/11/14 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
Pandas库之DataFrame使用的学习笔记
2019/06/21 Python
Python(PyS60)实现简单语音整点报时
2019/11/18 Python
pycharm 设置项目的根目录教程
2020/02/12 Python
Pandas实现一列数据分隔为两列
2020/05/18 Python
Python 列表反转显示的四种方法
2020/11/16 Python
英国最大的LED专业零售商:Led Hut
2018/03/16 全球购物
LACOSTE波兰官网:Polo衫、服装和鞋类
2020/09/29 全球购物
应用数学自荐书范文
2013/11/24 职场文书
初中学生期末评语
2014/04/24 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
创业计划书之家教中心
2019/09/25 职场文书
vue实现拖拽交换位置
2022/04/07 Vue.js