webpack配置favicon

需要使用webpack打包的项目通过link标签引入的favicon图标无法显示

需要在webpack.config.js 里面进行配置

plugins: [
    // 处理html文件
    new HtmlWebpackPlugin({
      template: './src/index.html', // 使用自定义模板
      favicon: 'favicon.ico' // 配置favicon
    })
  ],

注意：
(1) html-webpack-plugin是一个处理html的插件如果没有需要自己手动安装

yarn add html-webpack-plugin --dev

(2) favicon文件放在src同级目录下
(3) 配置完后服务器需要重启