webpack配置导致字体图标无法显示的解决方法


Posted in Javascript onMarch 06, 2018

问题:在项目开发时使用字体图标,报错如下:

webpack配置导致字体图标无法显示的解决方法

所有的字体图标都不能正常显示了,报错提示不能解码字体。

解决问题:找了很久,最后发现是在webpack配置的时候自己手动添加了下面的代码而引起的错误:在 webpack.base.conf.js文件中删除

{ 
    test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, 
    loader: 'file-loader' 
   },

总结:

其实采用vue-cli 自动生成的配置文件已经完成了字体图标文件的编译,自己写的和自动生成的产生冲突

以上这篇webpack配置导致字体图标无法显示的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
Jul 11 Javascript
jquery获取tagName再进行判断
May 29 Javascript
js style动态设置table高度
Oct 21 Javascript
JQuery中DOM事件绑定用法详解
Jun 13 Javascript
jQuery xml字符串的解析、读取及查找方法
Mar 01 Javascript
基于javascript实现全屏漂浮广告
Mar 31 Javascript
微信小程序 rpx 尺寸单位详细介绍
Oct 13 Javascript
javascript函数的四种调用模式
Jan 08 Javascript
JavaScript获取键盘按键的键码(参照表)
Jan 10 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
详解 vue better-scroll滚动插件排坑
Feb 08 Javascript
vue中实现左右联动的效果
Jun 22 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
Mar 06 #Javascript
React BootStrap用户体验框架快速上手
Mar 06 #Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 #Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
Mar 06 #Javascript
解决vue+webpack打包路径的问题
Mar 06 #Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 #Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
Mar 06 #Javascript
You might like
用PHP和ACCESS写聊天室(六)
2006/10/09 PHP
Jquery获取和修改img的src值的方法
2014/02/17 Javascript
jquery自动填充勾选框即把勾选框打上true
2014/03/24 Javascript
jQuery+ajax实现动态执行脚本的方法
2015/01/27 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
2016/05/05 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
2016/08/18 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
Bootstrap的class样式小结
2016/12/01 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
几种响应式文字详解
2017/05/19 Javascript
vue.js全局API之nextTick全面解析
2017/07/07 Javascript
JavaScript实现简单的双色球(实例讲解)
2017/07/31 Javascript
vue的for循环使用方法
2019/02/12 Javascript
[02:41]DOTA2英雄基础教程 谜团
2013/12/10 DOTA
从零学python系列之新版本导入httplib模块报ImportError解决方案
2014/05/23 Python
Python使用openpyxl读写excel文件的方法
2017/06/30 Python
解决python中的幂函数、指数函数问题
2019/11/25 Python
python 字典套字典或列表的示例
2019/12/16 Python
matplotlib绘制多子图共享鼠标光标的方法示例
2021/01/08 Python
canvas实现滑动验证的实现示例
2020/08/11 HTML / CSS
如何向接受结构参数的函数传入常数值
2016/02/17 面试题
Can a struct inherit from another struct? (结构体能继承结构体吗)
2016/09/25 面试题
团队精神演讲稿
2013/12/31 职场文书
社会保险接收函
2014/01/12 职场文书
优秀教师事迹简介
2014/02/02 职场文书
《忆江南》教学反思
2014/04/07 职场文书
大学运动会加油稿200字(5篇)
2014/09/27 职场文书
领导个人查摆剖析材料
2014/10/29 职场文书
硕士毕业答辩开场白
2015/05/27 职场文书
实习感想范文
2015/08/10 职场文书
高一英语教学反思
2016/03/03 职场文书
人民调解协议书
2016/03/21 职场文书
年终奖金发放管理制度,中小企业适用,拿去救急吧!
2019/07/12 职场文书
Apache POI的基本使用详解
2021/11/07 Servers