1. 將icon放在與index.html同級的目錄下

2. 在webpack.dev.conf.js中，新增程式碼

var path = require('path') //新增

new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true,
      favicon: path.resolve('favicon.ico')  // 新增
    }),

3. 同樣的在webpack.prod.conf.js中新增程式碼

favicon: path.resolve('favicon.ico'), //新增
 

tip:不用在index.html中設定

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