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 相关文章推荐
JS阻止冒泡事件以及默认事件发生的简单方法
Jan 17 Javascript
jQuery中find()方法用法实例
Jan 07 Javascript
Js遍历键值对形式对象或Map形式的方法
Aug 08 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
Sep 19 Javascript
jQuery如何跳转到另一个网页 就这么简单
Dec 28 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
Jun 04 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
JavaScript禁用右键单击优缺点分析
Jan 20 Javascript
vue2.0项目集成Cesium的实现方法
Jul 30 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
Nov 04 Javascript
vue实现点击出现操作弹出框的示例
Nov 05 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下对数组进行排序的函数
2010/08/08 PHP
解析curl提交GET,POST,Cookie的简单方法
2013/06/29 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
JavaScript的面向对象方法以及差别
2008/03/31 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
js判断字符长度及中英文数字等
2014/03/19 Javascript
一个实用的图片切换支持点击切换和自动轮播
2014/09/09 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
2015/03/18 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
Bootstarp基本模版学习教程
2017/02/01 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
JavaScript enum枚举类型定义及使用方法
2020/05/15 Javascript
python k-近邻算法实例分享
2014/06/11 Python
python装饰器decorator介绍
2014/11/21 Python
一步步解析Python斗牛游戏的概率
2016/02/12 Python
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
示例详解Python3 or Python2 两者之间的差异
2018/08/23 Python
python opencv 图像边框(填充)添加及图像混合的实现方法(末尾实现类似幻灯片渐变的效果)
2020/03/09 Python
让IE下支持Html5的placeholder属性的插件
2014/09/02 HTML / CSS
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
俄罗斯女装店:12storeez
2019/10/25 全球购物
小学教师的自我评价范例
2013/10/31 职场文书
出国留学介绍信
2014/01/13 职场文书
文科生自我鉴定
2014/02/15 职场文书
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
经典婚礼主持词
2014/03/13 职场文书
食品流通安全承诺书
2014/05/22 职场文书
公司董事长助理工作职责
2014/07/12 职场文书
国际商务专业求职信
2014/07/15 职场文书
Windows Server 2012 修改远程默认端口3389的方法
2022/04/28 Servers