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 相关文章推荐
在表单提交前进行验证的几种方式整理
Jul 31 Javascript
script不刷新页面的联动前后代码
Sep 18 Javascript
jquery限定文本框只能输入数字即整数和小数
Nov 29 Javascript
JQuery Tips相关(1)----关于$.Ready()
Aug 14 Javascript
JavaScript数据结构链表知识详解
Nov 21 Javascript
jQuery编写网页版2048小游戏
Jan 06 Javascript
详解在Vue中通过自定义指令获取dom元素
Mar 04 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
AngularJS 表单验证手机号的实例(非必填)
Nov 12 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
Jan 31 Javascript
javascript实现fetch请求返回的统一拦截
Dec 22 Javascript
vue-cli3配置favicon.ico和title的流程
Oct 27 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
CI框架(CodeIgniter)操作redis的方法详解
2018/01/25 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
JavaScript中获取元素索引的函数
2010/09/10 Javascript
有趣的JavaScript数组长度问题代码说明
2011/01/20 Javascript
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
深入浅析Bootstrap列表组组件
2016/05/03 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
2016/05/09 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
2017/03/06 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
2017/12/14 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
Vue SPA 初次进入加载动画实现代码
2019/11/14 Javascript
Vue自定义全局弹窗组件操作
2020/08/11 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
2020/10/02 Javascript
[01:46]2020完美世界全国高校联赛秋季赛报名开启
2020/10/15 DOTA
python在多玩图片上下载妹子图的实现代码
2013/08/13 Python
pygame播放音乐的方法
2015/05/19 Python
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
Django中的Signal代码详解
2018/02/05 Python
Python实现的径向基(RBF)神经网络示例
2018/02/06 Python
Python面向对象类继承和组合实例分析
2018/05/28 Python
Django模型修改及数据迁移实现解析
2019/08/01 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
python 读取.nii格式图像实例
2020/07/01 Python
Python RabbitMQ实现简单的进程间通信示例
2020/07/02 Python
html5中监听canvas内部元素点击事件的三种方法
2019/04/28 HTML / CSS
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
入股协议书
2014/04/14 职场文书
社会实践先进工作者事迹材料
2014/05/06 职场文书
企业优秀员工事迹材料
2014/05/28 职场文书
蓬莱阁导游词
2015/02/04 职场文书
社区敬老月活动总结
2015/05/07 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
2021/04/29 HTML / CSS
CSS 实现磨砂玻璃(毛玻璃)效果样式
2023/05/21 HTML / CSS