1、最好把favicon.ico放到 index.html放到同一目录

2、在webpack 配置文件里面配置

// 在webpack.dev.conf.js 里面的 plugins配置
new HtmlWebpackPlugin({
    filename: 'index.html',
    template: 'index.html',
    inject: true,
    favicon: './favicon.ico'      //增加这条
}),
//和
//在 webpack.prod.conf.js 里面 plugins 配置   ，不然build的时候也找不到favicon.ico
new HtmlWebpackPlugin({
  filename: config.build.index,
  template: 'index.html',
  inject: true,
  favicon: './favicon.ico',         //增加这条
  minify: {
    removeComments: true,
    collapseWhitespace: true,
    removeAttributeQuotes: true
  },
  chunksSortMode: 'dependency'
}),

3、在index.html 中引入代码

<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" /> 

4、修改完配置文件最好 npm run dev 一下

如果这样小图标还是没有显示，最好 清空一些缓存