Vue脚手架中添加favicon.ico图标失效问题

最近项目中根目录添加favicon.ico，直接在index.html中加入

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

这种方法本地能添加成功，打包发布后就不成功，也是郁闷了。。

在配置文件修改 build/webpack.dev.conf.js & webpack.prod.conf.js就可以了：

new HtmlWebpackPlugin({
    filename: 'index.html',
    template: 'index.html',
    inject: true,
    favicon: path.resolve('favicon.ico')   // 加上这个
})

最后一个谷歌缓存的大坑，添加之后一定要清除缓存之后再刷新才能看到效果。

谷歌左上角，刷新按钮点击鼠标右键入系统所示：