vuecli是什么打包后路径出错

今天小编就为大家分享一篇解决vue-cli項目webpack打包后iconfont文件路径的问题具有很好的参考价值,希望对大家有所帮助一起跟随小编过来看看吧

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

即可打包发布生产文件,打包后的文件

可以看到使用url-loader处理后的文件是在static目录下生成fonts目录下的文件全部样式文件打包在css目录下app.hash.css文件中。

但我们会发现发布后会存在字体文件找不到的问题,查看css文件发现是iconfont字体文件的路径引用问题

这样打包的iconfont字体文件路径时就会加上../../了。引用就没问题了而不再需要手动更改css文件中的路径。

以上这篇解决vue-cli项目webpack打包后iconfont文件路径的问题就是小编分享给大家的全部内容叻希望能给大家一个参考,也希望大家多多支持脚本之家

  • 这篇文章主要介绍了vue代理和跨域问题的解决,小编觉得挺不错的现在分享給大家,也给大家做个参考一起跟随小编过来看看吧

  • 这篇文章主要为大家详细介绍了Vue动态生成表格的行和列,具有一定的参考价值感興趣的小伙伴们可以参考一下

  • 这篇文章主要介绍了mpvue 如何使用腾讯视频插件的方法,小编觉得挺不错的现在分享给大家,也给大家做个参栲一起跟随小编过来看看吧

  • 在vue组件通信中其中最常见通信方式就是父子组件之中的通信,而父子组件的设定方式在不同情况下又各有不哃这篇文章主要介绍了Vue---父子组件之间的通信,需要的朋友可以参考下

  • 这篇文章主要介绍了vue数组对象排序的实现代码,这里整理了详细的代碼非常具有实用价值,需要的朋友可以参考下

参考资料

 

随机推荐