vue-element-admin 打包上线后图标不显示

问题

vue-element-admin 打包上线后图标不显示
网上的解决方式基本都是在build/utils.js文件中ExtractTextPlugin 插件的options 配置，
但是ExtractTextPlugin不支持webpack4,所以在项目中使用的是MiniCssExtractPlugin

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    publicPath: '../../',         // 注意配置这一部分，根据目录结构自由调整
    fallback: 'vue-style-loader'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}

最后解决方式是在build/webpack.base.conf.js中修改loader参数

解决方案

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