美文网首页
vue 引入字体文件报错解决方案

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

作者: 我是何宝荣呀 | 来源:发表于2020-04-20 10:51 被阅读0次

    在引入阿里巴巴图标的时候
    先在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

    相关文章

      网友评论

          本文标题:vue 引入字体文件报错解决方案

          本文链接:https://www.haomeiwen.com/subject/gitrihtx.html