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')   // 加上這個
})

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

谷歌左上角，刷新按鈕點擊鼠標右鍵入系統所示：