使用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我试着是不可以的。