本文探讨了在使用webpack打包Vue项目时遇到的Font Awesome图标显示问题。问题表现为打包后图标不显示，原因是静态资源路径配置错误。文章详细介绍了如何调整webpack配置文件中的loader limit值来修正该问题。
问题描述：
使用webpack打包vue项目，使用font-awsome字体，发现打包之后，font-awsome图标不显示，报错为路径不对
看了下打包的路径，的确路径不对，打包之后font-awsome的文件是存放在static/fonts/下的，而访问的时候static/css/static/fonts/
原因是：
build > webpack.base.conf.js 里面loader的设置
limit值要设置为大一点，至少要比字体文件大
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
