使用vue-cli搭建项目的使用,需要引入font-icon文件,报错的解决办法

报错内容是这样的


于是乎,我就找到了我引入文件的地方,路径是这样写的:


我的项目结构是这样的:


按理说,应该是没毛病呀???

我就是在网上搜了好多资料,觉得是和webpack配置相关,但是又不知道改什么。因为我是用vue-cli搭建的项目,好多东西都配置的差不多了,所以不需要改变什么,但是我还是去找了他的相关配置,在build->webpack.base.conf.js中也找到了woff2、eot、ttf、otf相关的配置,觉得不需要在配置什么了。如下图是vue-cli搭建的项目中的配置:

然后发现了一个地方,就是loader加载上的不同,我们webpack中配置的是url-loader,然而在icon-font.scss中却写的是url,顿时好像是懂了什么,把icon-font.scss改成这个加载就可以了


或者按照网上有的资料写的写成这种也可以


只要都改成url-loader就可以了。

但是都改成url我试着是不可以的。

评论 6 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:技术黑板 设计师:CSDN官方博客 返回首页

打赏作者

Smile_Monica

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值