14.如何解决使用webpack打包之后，font-awsome路径不对的问题，终极解决方法
2017-06-22 16:25
1421 查看
问题描述：
使用webpack打包vue项目，使用font-awsome字体，发现打包之后，font-awsome图标不显示，报错为路径不对
看了下打包的路径，的确路径不对，打包之后font-awsome的文件是存放在static/fonts/下的，而访问的时候static/css/static/fonts/
原因是：
build > webpack.base.conf.js 里面loader的设置
limit值要设置为大一点，至少要比字体文件大
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- WebPack系列：Webpack编译的代码如何在tomcat中使用时静态资源路径不对的问题如何解决
- 解决vue-cli项目webpack打包后iconfont文件路径的问题
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法
- vue-cli项目webpack打包后iconfont文件路径问题解决
- 解决vue+webpack打包路径的问题
- 解决网页中使用自己喜欢字体容量过大加载过久的问题！字蛛webfont 安装及使用方法
- vue解决使用webpack打包后keep-alive不生效的方法
- 使用webpack.DllPlugin与webpack.DllReferencePlugin解决webpack打包慢问题
- 使用 webpack 打包 font 字体的问题
- 使用webpack打包的后，公共请求路径的配置问题
- Echart在使用webpack打包之后，IE10+中无法渲染的问题
- 浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
- webpack打包之后的文件过大的解决方法
- webpack打包后直接访问页面图片路径错误的解决方法
- 浅谈webpack打包之后的文件过大的解决方法
- 使用webpack打包的后，公共请求路径的配置问题
- vue全家桶 引入 fontawesome-webfont 打包之后，路径不对
- webpack 使用别名（resolve.alias）解决scss @import相对路径导致的问题
- 解决vue-cli webpack打包后加载资源的路径问题
- 如何解决webpack打包后，dist文件过大的问题