在vue项目中设置网站icon

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">