AI摘要：Webpack中无法直接通过HTML标签加载favicon图标。解决方法是在HtmlWebpackPlugin插件中添加favicon配置，并分别在webpack.dev.conf.js和webpack.prod.conf.js中设置，同时确保favicon.ico文件放置在根目录。

问题：

在页面源文件index.html的标签之间插入

<link rel="shortcut icon" href=" /favicon.ico" /> 

仍旧无法加载图标

解决方法：

HtmlWebpackPlugin插件中加入小图标，Vue脚手架时修改webpack.dev.conf.js配置文件：

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  favicon: './favicon.ico', // 添加小图标
  inject: true
}),

不要忘记webpack.prod.conf.js中也需要添加

注：( favicon.ico放入根目录。)