很多人使用vue都是用过element-ui这个组件库，这个组件库是饿了么出品的，同期还有另外一个针对移动端的ui库叫做Mint ui。

下面介绍我在这个组件库上遇到的一个坑，耽误了我一上午的时间

我们都知道像这种组件库中有字体图标吧，这种字体图标的文件是下面这两种格式woff和ttf
我们使用webpack的目的就是将一些浏览器不能识别（或不方便识别的）的格式的文件转换成js.css或者其他好识别的文件
所以以上两种格式的文件也就需要转换
但是在低版本的webpack中并没有支持这两种格式的转换，所以在我们使用element-ui的时候总是会引入下面一条语句在配置文件中，来辅助webpack进行转换

      {
        test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
        loader: 'file-loader'
      },

但是就现在的webpack而言，它引用了下面一句话在配置文件中

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

也就是说，他已经支持这种格式的文件了，也就不需要我们再进行配置了

为什么说是个坑呢
在element2.x发布之后，它的官方文档中取消了对这种文件配置的解释说明，但那时候使用最多的（我们默认下载的webpack版本）webpack版本仍然不支持上述解析功能，所以我们总是上网查找解决方案，查到了说需要配置那个文件，好了，完事了
但是最近的webpack版本支持了那个文件，但是我们还是习以为常的进行自己的配置，结果就变成了，使用字体图标的时候显示成了一个个方框框

特意在此提出以上的解决方案，希望同行不要犯我的错误