编程 Javascript

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

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

- Author -

我是包子脸

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

浅谈JavaScript函数参数的可修改性问题

Dec 05 Javascript

简单谈谈jQuery(function(){})与(function(){})(jQuery)

Dec 19 Javascript

Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结

Apr 15 Javascript

js判断子窗体是否关闭的方法

Aug 11 Javascript

JS基于面向对象实现的拖拽功能示例

Dec 20 Javascript

Ionic + Angular.js实现图片轮播的方法示例

May 21 Javascript

React-Router如何进行页面权限管理的方法

Dec 06 Javascript

浅谈使用mpvue开发小程序需要注意和了解的知识点

May 23 Javascript

Vue.js中 v-model 指令的修饰符详解

Dec 03 Javascript

vue在自定义组件中使用v-model进行数据绑定的方法

Mar 25 Javascript

Vue webpack 项目自动打包压缩成zip文件的方法

Jul 24 Javascript

JS相册图片抖动放大展示效果的示例代码

Jan 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

mysql 的 like 问题，超强毕杀记！！！

2007/01/18 PHP

php&mysql 日期操作小记

2012/02/27 PHP

PHP实现生成唯一编号（36进制的不重复编号）

2014/07/01 PHP

php按单词截取字符串的方法

2015/04/07 PHP

PHP的关于变量和日期处理的一些面试题目整理

2015/08/10 PHP

深入分析PHP设计模式

2020/06/15 PHP

jquery 多级下拉菜单核心代码

2010/05/21 Javascript

使用jquery与图片美化checkbox和radio控件的代码(打包下载)

2010/11/11 Javascript

JQuery以JSON方式提交数据到服务端示例代码

2014/05/05 Javascript

javascript中attribute和property的区别详解

2014/06/05 Javascript

AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录

2015/01/02 Javascript

正则表达式优化JSON字符串的技巧

2015/12/24 Javascript

Js遍历键值对形式对象或Map形式的方法

2016/08/08 Javascript

AngularJS通过$location获取及改变当前页面的URL

2016/09/23 Javascript

ExtJS 4.2 Grid组件单元格合并的方法

2016/10/12 Javascript

浅析JavaScriptSerializer类的序列化与反序列化

2016/11/22 Javascript

Jil,高效的json序列化和反序列化库

2017/02/15 Javascript

angularjs实现多张图片上传并预览功能

2017/02/24 Javascript

JS+html5制作简单音乐播放器

2020/09/13 Javascript

ionic2自定义cordova插件开发以及使用（Android）

2017/06/19 Javascript

JavaScrpt中如何使用 cookie 设置查看与删除功能

2017/07/09 Javascript

详解html-webpack-plugin用法全解

2018/01/22 Javascript

vue下使用nginx刷新页面404的问题解决

2019/08/02 Javascript

python批量修改文件名的实现代码

2014/09/01 Python

十个Python程序员易犯的错误

2015/12/15 Python

Python实现名片管理系统

2020/02/14 Python

基于Python下载网络图片方法汇总代码实例

2020/06/24 Python

在pycharm中文件取消用 pytest模式打开的操作

2020/09/01 Python

SmartBuyGlasses中国：唯视良品（销售名牌太阳镜、墨镜和眼镜框）

2017/07/03 全球购物

馥蕾诗美国官网：Fresh美国

2019/10/09 全球购物

清明节网上祭英烈活动总结

2014/04/30 职场文书

三八妇女节超市活动方案

2014/08/18 职场文书

村委会贫困证明范文

2014/09/21 职场文书

培训简讯范文

2015/07/20 职场文书

幼儿园大班教师评语

2019/06/21 职场文书

直播实况, OMG破敌三路五十分钟大战神技局摩托车

2022/04/01 DOTA