Vue-cli3更改项目logo图标

2023-11-20

1、图标切成对应大小
2、图标名称后缀与vue原有图标logo名称、后缀一致( favicon.ico),并替换
3、vue项目根目录下 新建 vue-config.js,添加下列代码

module.exports = {
  pwa: {
    iconPaths: {
      favicon32: 'favicon.ico',
      favicon16: 'favicon.ico',
      appleTouchIcon: 'favicon.ico',
      maskIcon: 'favicon.ico',
      msTileImage: 'favicon.ico'
    }
  }
};

4、重启刷新项目
在这里插入图片描述
成功更换

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue-cli3更改项目logo图标 的相关文章

  • [C#]BeforeFieldInit与类静态构造函数

    最近看到一篇关于 C 语言中关于静态构造函数延迟加载核心原理的文章 感觉很好特转一下 以供朋友们共同进步 个人很少转载他人文章 如下代码 using System namespace BeforeFieldInit internal cla
  • 基于SpringCloud的分布式网上购物商城

    末尾获取源码 开发语言 Java Java开发工具 JDK1 8 后端 SpringCloud 前端 Vue HTML 数据库 MySQL5 7和Navicat管理工具结合 服务器 Tomcat8 5 开发软件 IDEA Eclipse 是

随机推荐