@[TOC](vue/cli3及vue/cli2 修改默认favicon @总结@ )

vue/cli2：

1. 对应文件的目录结构：找到build目录下存在webpack.dev.conf.js和webpack.prod.conf.js两个文件。

2. 分别配置两个文件中的HtmlWebpackPlugin：favicon: path.resolve(__dirname, '../static/favicon.png')（加入这行代码）。

3. cnpm run dev 重启项目。

4. 配置成功OK。

vue/cli3：

1. 对应目录结构pubild下存放icon图，在src同级目录下创建vue-config.js。

2. 安装 @vue/cli-plugin-pwa，执行命令：cnpm i @vue/cli-plugin-pwa -S

3. 在vue-config.js文件中增加pwa配置项

  pwa:{
    iconPaths:{
      favicon32:'favicon.png',
      favicon16:'favicon.png',
      appleTouchIcon:'favicon.png',
      maskIcon:'favicon.png',
      msTileImage:'favicon.png',
    }
  }

4. cnpm run serve 重启项目。
5. 配置成功OK。
总结：以上就是两个版本的配置信息，按照步骤即可修改成功，如遇问题请联系博主xuejwy@163.com

帮助到你请随手点个赞吧

持续更新