Vue-cli3更改项目logo图标

luanluan8888

于 2021-03-05 09:34:28 发布

阅读量1.4k

点赞数 1

分类专栏： Vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/luanluan8888/article/details/114383169

版权

Vue 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何在Vue项目中更换应用图标，包括图标尺寸切割、文件命名与配置、vue.config.js设置等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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、重启刷新项目
在这里插入图片描述
成功更换