vue2.0+elementui集成file-loader之后图标失效问题

解释：

Vue 2.0 + Element UI 项目中，当你配置了 webpack 以使用 file-loader 来处理图标和文件时，可能会发现 Element UI 的图标不再显示。这通常是因为 webpack 配置不正确或者 file-loader 没有正确处理 Element UI 的图标文件。

解决方法：

1. 确保你已经正确安装了 element-ui 和 file-loader。
2. 检查 webpack 配置文件，确保 file-loader 被用于处理图标文件。你可能需要添加一个规则来匹配图标文件并且确保 publicPath 设置正确。

例如，你的 webpack 配置可能看起来像这样：

{
  test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
  loader: 'file-loader',
  options: {
    name: 'img/[name].[hash:8].[ext]',
    publicPath: process.env.NODE_ENV === 'production'
      ? '/your-app-name/' // 生产环境的公共路径
      : '/'               // 开发环境的公共路径
  }
}

3. 确保图标的路径是正确的。如果你更改了 webpack 的输出路径，那么图标的引用路径也需要相应更改。
4. 如果你使用了 vue-cli 生成的 webpack 模板，请确保 file-loader 的版本与 Element UI 兼容。
5. 清除 webpack 缓存和 npm 缓存，然后重新安装依赖并构建项目。

rm -rf node_modules/
rm -rf dist/
npm cache clean --force
npm install
npm run build

6. 如果以上步骤都不能解决问题，检查 Element UI 的官方文档或 GitHub issues 来查看是否有其他开发者遇到了类似的问题和解决方案。