iview 打包之后 找不到自带的icon图片，而且路径重复，点解

Question

使用vue-vli 打包之后 无法找到 iview自带的icon图标；而且打包的路径是重复的

报错提示的路径：/dist/static/css/static/fonts/ionicons.24712f6.ttf

如何修改webpack的配置

Answer 1

在 build/webpack.prod.conf.js 中,将

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

里边的 extract改为false,默认是true
详见这个issue: https://github.com/iview/ivie...

Answer 2

这个icon库，有兼容问题，我当时在某些浏览器下也是不能用，你是所有浏览器都有问题吗？

Answer 3

目前我的解决方案：一是在index.html引入iview的CDN；一种是根据错误的路径，新建文件夹，讲字体丢进去

Answer 4

我也遇到这个问题，请问解决了吗，求赐教