首页 > Web开发 > 详细

vue项目网页的title前添加icon

时间:2021-01-20 17:37:49      阅读:62      评论:0      收藏:0      [点我收藏+]

当网页打开过多时,总是很难找到自己平台的标签页

如果在自己的平台的title前,添加一个icon的话,就可以很快找到

如何添加图标呢?

步骤如下:

1、首先需要制作一个小图标,可以通过一些在线制作网站来弄,步骤不详谈,保存为favicon.ico文件

2、在项目index.html同级目录下添加favicon.ico文件

技术分享图片

3、在index.html文件中,链接我们添加的文件

<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />

4、在build目录下,找到webpack.dev.conf.js和webpack.prod.conf.js两个配置文件

技术分享图片

5、分别在两个配置文件中搜索:HtmlWebpackPlugin,然后添加:favicon: path.resolve(‘./favicon.ico‘),

技术分享图片
技术分享图片

6、重启vue项目即可显示。添加前和添加后的对比

技术分享图片

vue项目网页的title前添加icon

原文:https://www.cnblogs.com/felixtester/p/14303792.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!