vue项目配置favicon图标

大家每次看到的网站都有一个小的logo
在这里插入图片描述
这是favicon图标
在vue中我们先要 安装插件

npm i --save-dev html-webpack-plugin

安装完成后 我们要在配置文件中配置一下前提是有ico格式的图片
在这里插入图片描述
我图片是放在了外面同级

这是我们要配置一下开发环境
在这里插入图片描述
在这里插入图片描述
路径是根据我放图片的位置写的 后面就是配置生产环境 也是一样的
在这里插入图片描述
打包生成的文件图片因为我放在了最外层 所有生成出来会和index同级
在这里插入图片描述
这时部署完项目就OK了
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/j244233138/article/details/106528500