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 相关文章推荐
使用Javascript和DOM Interfaces来处理HTML
Oct 09 Javascript
js实现addClass,removeClass,hasClass的函数代码
Jul 13 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
chrome调试javascript详解
Oct 21 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
老生常谈javascript变量的命名规范和注释
Sep 29 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
Nov 03 Javascript
Javascript数组方法reduce的妙用之处分享
Jun 10 Javascript
Vue源码分析之Vue实例初始化详解
Aug 25 Javascript
js实现淘宝首页的banner栏效果
Nov 26 Javascript
原生js实现轮播图特效
May 04 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的十大要点(上)
2009/02/04 PHP
php生成短域名函数
2015/03/23 PHP
php验证邮箱和ip地址最简单方法汇总
2015/10/30 PHP
jquery滚动加载数据的方法
2015/03/09 Javascript
使用C++为node.js写扩展模块
2015/04/22 Javascript
JQuery简单实现锚点链接的平滑滚动
2015/05/03 Javascript
JQuery操作textarea,input,select,checkbox方法
2015/09/02 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
2015/09/10 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
JQuery和PHP结合实现动态进度条上传显示
2016/11/23 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
2018/08/09 Javascript
jQuery-ui插件sortable实现自由拖动排序
2018/12/01 jQuery
js的对象与函数详解
2019/01/21 Javascript
javascript设计模式 ? 代理模式原理与用法实例分析
2020/04/16 Javascript
前端 javascript 实现文件下载的示例
2020/11/24 Javascript
在Django中输出matplotlib生成的图片方法
2018/05/24 Python
Python实现点阵字体读取与转换的方法
2019/01/29 Python
python3.x+pyqt5实现主窗口状态栏里(嵌入)显示进度条功能
2019/07/04 Python
python复合条件下的字典排序
2020/12/18 Python
Python3利用scapy局域网实现自动多线程arp扫描功能
2021/01/21 Python
canvas实现二维码和图片合成的示例代码
2018/08/01 HTML / CSS
关于.NET, HTML的五个问题
2012/08/29 面试题
党员入党表决心的话
2014/03/11 职场文书
毕业生就业推荐表自我鉴定
2014/03/20 职场文书
农村葬礼主持词
2014/03/31 职场文书
个人工作表现评语
2014/04/30 职场文书
大三学习计划书范文
2014/05/02 职场文书
初中教师业务学习材料
2014/05/12 职场文书
经济管理自荐书
2014/06/09 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
确保减税降费落地生根,用实实在在措施
2019/07/19 职场文书
《好妈妈胜过好老师》:每个孩子的优秀都是有源头的
2020/01/03 职场文书
Python MNIST手写体识别详解与试练
2021/11/07 Python
你真的会用Mysql的explain吗
2022/03/31 MySQL