vue打包element图标变成方格

问题

vue经过npm run build打包上线以后出现了element图标变成方格的问题。

解决

在build文件夹下面的webpack.base.conf.js文件中，原来的代码是

      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[ext]')
        }
      },

修改为

      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          publicPath: '../fonts/',
          outputPath: utils.assetsPath('fonts/')
        }
      },

效果