美文网首页
vue2项目添加网页小图标及打包后小图标不显示

vue2项目添加网页小图标及打包后小图标不显示

作者: 哇哈哈的哇哈 | 来源:发表于2023-03-30 16:51 被阅读0次

1、将favicon.ico放在index.html同级目录下,在index.html的head中添加<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">

2、在webpack.dev.conf.js、webpack..conf.js文件中分别添加favicon: './favicon.ico',如下图片所示:

相关文章

  • 思维导图学习笔记2

    思维不局限,人生不设限 第四节、思维导图中小图标的绘制 一、小图标的作用及位置 1、小图标的作用: ...

  • 思维导图学习笔记4

    思维不局限,人生不设限 第四节、思维导图中小图标的绘制 一、小图标的作用及位置 1、小图标的作用: ①提...

  • 使用fontawesome代替icon小图标

    1. 引言 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋。下面的小图标,你...

  • 使用font-awesome

    网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋。下面的小图标,你是不是会经常...

  • 制作和使用favicon小图标

    制作和使用favicon小图标 打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标,当网页被添加到收藏夹或者...

  • 给django项目网页标题前添加小图标

    如何给django项目网页标题前添加小的logo图标 在页面文件中,以引用css文件的方式,将需要的logo图标路...

  • 常用网页小图标素材图片

    今天小编给大家推荐常用网页小图标素材图片素材,这些常用网页小图标素材图片素材来自六图网,大家下载源文件可以在网站首...

  • 思维导图学习 - 草稿

    思维不局限,人生不设限 第四节、思维导图中小图标的绘制 一、小图标的作用 1、小图标的作用: ①提示重要信息 ②激...

  • 标题

    山海那边女性年度精进营(小图标不显示) ️️️️️

  • Vue.js computed练习——计算购物车总价;手机正常查

    再title后添加相关设置可在手机上正常显示直接引用即可; 相关小图标的引用 图标官网 手机正常进入网站 ctr...

网友评论

      本文标题:vue2项目添加网页小图标及打包后小图标不显示

      本文链接:https://www.haomeiwen.com/subject/habvrdtx.html