使用vue-cli创建vue项目时，可以自动生成webpack文件。使用

Npm运行构建可以打包和发布生产文件和打包文件

Webpack配置

您可以看到，由url加载器处理的文件是在静态目录下的字体目录中生成的文件。所有样式文件都打包在应用程序中。哈希。css目录下的CSS文件。

但是我们会发现发布后会出现找不到字体文件的问题。看css文件，发现是iconfont字体文件的路径引用问题。

解决方法：

增加././public路径，如下图所示，位于build/utils文件中

这样一来，/./将被添加到iconfont文件路径中。引用没关系。而不是手动更改css文件中的路径。

以上文章解决了vue-cli项目webpack打包后iconfont文件路径的问题，这也是边肖与大家分享的全部内容。希望能给大家一个参考，多支持我们。