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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容