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