vue打包后elementUI的icon图标失效

使用element框架的icon时候,开发环境下是没有问题的,打包完以后出现小方块,页面不显示小图标。

解决方法: 找到config里面的index.js,修改为 assetsPublicPath: './'

image.png

新的bug

bug 描述:按照如上配置,可以看到页面,但是字体图标不见了,现象如下:

字体图标缺失bug

解决方法:
修改 build/utils.js 中的代码,加入 publicPath: '../../' ,最终代码如下:

   if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'          // 新增内容
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
实际的效果

你可能感兴趣的:(vue打包后elementUI的icon图标失效)