vue打包字体路径错误

1.使用vue-cli构建项目打包后字体引用路径不对

打包之前的文件目录：

打包之后的文件目录：

dist ├── index.html └── static     ├── fonts

    ├── css     ├── img     └── js

使用 vue build 之后做网站请求，发现 woff 字体无法获取，调试发现：

真实路径应该是
xxx/static/fonts/icomoon.0125455.woff 
浏览器实际加载路径为：

xxx/static/css/static/fonts/icomoon.0125455.woff 

解决方法：

webpack 配置问题

在 build/webpack.prod.conf.js 中 extract :true 改为 fasle即可。  extract的作用是不将

module: {

rules: utils.styleLoaders({

sourceMap: config.build.productionSourceMap,

extract: false

})

},

地址：https://github.com/iview/iview/issues/515

https://blog.csdn.net/guoscy/article/details/79192065