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即可。

  module: {
    rules: utils.styleLoaders({
      sourceMap: config.build.productionSourceMap,
      extract: false
    })
  },

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