@[TOC](vuecli3及vuecli2 修改默认favicon @总结@ )

vue/cli3及vue/cli2 修改默认favicon @总结@

vue/cli2：vue/cli3：

vue/cli2：

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

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

cnpm run dev 重启项目。

配置成功OK。

vue/cli3：

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

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

在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

帮助到你请随手点个赞吧

持续更新