webpack配置导致字体图标无法显示的解决方法
更新时间：2018年03月06日 11:01:23 作者：张晓艳
下面小编就为大家分享一篇webpack配置导致字体图标无法显示的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
问题：在项目开发时使用字体图标，报错如下：
所有的字体图标都不能正常显示了，报错提示不能解码字体。
解决问题：找了很久，最后发现是在webpack配置的时候自己手动添加了下面的代码而引起的错误：在 webpack.base.conf.js文件中删除
{
test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
loader: 'file-loader'
},
总结：
其实采用vue-cli 自动生成的配置文件已经完成了字体图标文件的编译，自己写的和自动生成的产生冲突
以上这篇webpack配置导致字体图标无法显示的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue element-ui Radio单选框默认值选不中的原因:混用字符和数字问题
这篇文章主要介绍了vue element-ui Radio单选框默认值选不中的原因:混用字符和数字问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-12-12
postcss-pxtorem设置不转换UI框架的CSS单位问题
这篇文章主要介绍了postcss-pxtorem设置不转换UI框架的CSS单位问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
两组件间传值，可能包含多种情况，这篇文章主要介绍了vue两组件间值传递 $router.push实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
Vue3组合式函数Composable实战ref和unref使用
这篇文章主要为大家介绍了Vue3组合式函数Composable实战ref和unref使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要介绍了Vue中自定义一个铃声提示音组件的实现以及使用方法，文中的示例代码讲解详细，对我们学习Vue有一定帮助，需要的可以参考一下2022-01-01
这篇文章主要介绍了总结vue映射的方法与混入的使用过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理2022-10-10
这篇文章主要介绍了使用vuex解决刷新页面state数据消失的问题记录，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
vue-socket.io其实是在socket.io-client（在浏览器和服务器之间实现实时、双向和基于事件的通信）基础上做了一层封装，将socket挂载到vue实例上，同时可使用sockets对象轻松实现组件化的事件监听，在vue项目中使用起来更方便2022-12-12
这篇文章主要介绍了vue中defineProperty和Proxy的区别详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
最新评论