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 相关文章推荐
JavaScript入门教程(9) Document文档对象
Jan 31 Javascript
Javascript的一种模块模式
Sep 08 Javascript
JS调用页面表格导出excel示例代码
Mar 18 Javascript
jQuery带进度条全屏图片轮播特效代码分享
Jun 28 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
Jan 14 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
Jul 13 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
Dec 06 Javascript
vue实现分页栏效果
Jun 28 Javascript
JavaScript获取当前url路径过程解析
Dec 27 Javascript
JavaScript正则表达式验证登录实例
Mar 18 Javascript
在vue中使用jsonp进行跨域请求接口操作
Oct 29 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
一首老MP3,致敬WAR3经典
2021/03/08 魔兽争霸
PHP 和 HTML
2006/10/09 PHP
php session处理的定制
2009/03/16 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
php实现网页端验证码功能
2017/07/11 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
2013/01/15 Javascript
在javaScript中检测数据类型的几种方式小结
2017/03/04 Javascript
Vue 2.x教程之基础API
2017/03/06 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
解读Python中degrees()方法的使用
2015/05/18 Python
Python制作钉钉加密/解密工具
2016/12/07 Python
浅谈Python的垃圾回收机制
2016/12/17 Python
python中执行shell的两种方法总结
2017/01/10 Python
浅谈python和C语言混编的几种方式(推荐)
2017/09/27 Python
Python中实现最小二乘法思路及实现代码
2018/01/04 Python
python MySQLdb使用教程详解
2018/03/20 Python
python基础教程项目三之万能的XML
2018/04/02 Python
Python之list对应元素求和的方法
2018/06/28 Python
python中的decimal类型转换实例详解
2019/06/26 Python
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
不到20行实现Python代码即可制作精美证件照
2020/04/24 Python
Python pexpect模块及shell脚本except原理解析
2020/08/03 Python
python爬取股票最新数据并用excel绘制树状图的示例
2021/03/01 Python
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
Myprotein加拿大官网:欧洲第一的运动营养品牌
2018/01/06 全球购物
EJB的几种类型
2012/08/15 面试题
《春雨》教学反思
2014/04/24 职场文书
离婚协议书怎么写
2014/09/12 职场文书
国家助学贷款承诺书
2015/04/30 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang
python flask开发的简单基金查询工具
2021/06/02 Python