vue 引入字体文件报错解决方案

在引入阿里巴巴图标的时候
先在vue项目那边将你下载好的 文件置入

目录示意图

先修改iconfont.css

修改前

修改后

注意：路径要改成绝对路径，且前面的url要改成url-loader
在此期间要去下载的包有：
url-loader postcss-loader resolve-url-loader css-loader
我之所以要下这么多是因为的引入的时候之前一直陆陆续续报了很多错，但是如果你只是下面的那个报错的话，下载url-loade，然后去修改url，最后在webpack.config.js里面添加解析文件的解析规则 应该就可以了！

  {
       test: /\.(eot|svg|ttf|woff|woff2)$/,
        loader: 'url-loader'
}

祝vue玩得开心！

微信图片_20200420102945.png

微信图片_20200420102956.png