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 相关文章推荐
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
May 21 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
Sep 05 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
微信小程序 解决swiper不显示图片的方法
Jan 04 Javascript
利用Node.js编写跨平台的spawn语句详解
Feb 12 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 Javascript
Vue自动构建发布脚本的方法示例
Jul 24 Javascript
vue使用echarts图表自适应的几种解决方案
Dec 04 Vue.js
网页爬虫之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
第1次亲密接触PHP5(2)
2006/10/09 PHP
php项目打包方法
2008/02/18 PHP
PHP验证码函数代码(简单实用)
2013/09/29 PHP
PHP获取当前文件的父目录方法汇总
2016/07/21 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
关于js注册事件的常用方法
2013/04/03 Javascript
Jquery实现搜索框提示功能示例代码
2013/08/13 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
浅谈JavaScript字符集
2014/05/22 Javascript
jQuery事件用法实例汇总
2014/08/29 Javascript
js鼠标悬浮出现遮罩层的方法
2015/01/28 Javascript
JavaScript中的Math.LN2属性用法详解
2015/06/12 Javascript
JS+CSS实现六级网站导航主菜单效果
2015/09/28 Javascript
vue.js中过滤器的使用教程
2017/06/08 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
canvas基础绘制-绚丽倒计时的实例
2017/09/17 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
4个顶级开源JavaScript图表库
2018/09/29 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
js删除指定位置超链接中含有百度与360的标题
2021/01/06 Javascript
python 读写txt文件 json文件的实现方法
2016/10/22 Python
python实现扫描日志关键字的示例
2018/04/28 Python
python pygame实现球球大作战
2019/11/25 Python
如何解决python多种版本冲突问题
2020/10/13 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
CSS3中的Media Queries学习笔记
2016/05/23 HTML / CSS
美国著名的品牌折扣店:Burlington
2017/06/08 全球购物
啤酒销售实习自我鉴定
2013/09/24 职场文书
党员群众路线承诺书
2014/05/20 职场文书
学校食品安全实施方案
2014/06/14 职场文书
迟到检讨书
2015/01/26 职场文书
中学生自我评价范文
2015/03/03 职场文书
2015年控辍保学工作总结
2015/05/18 职场文书
四大名著读书笔记
2015/06/25 职场文书
暑期社会实践新闻稿
2015/07/17 职场文书
总结Python变量的相关知识
2021/06/28 Python