Vue-cli3的favicon修改不了

原创于 2019-08-05 14:43:32 发布 · 4.2k 阅读

·

0

·

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在Vue项目中配置Progressive Web App (PWA)的图标，通过修改vue.config.js文件实现自定义的favicon图标。

在vue.config.js中配置下如下代码，重跑下项目就行了

    // 以下是pwa配置
    pwa: {
      iconPaths: {
        favicon32     : 'faviconfc.ico',
        favicon16     : 'faviconfc.ico',
        appleTouchIcon: 'faviconfc.ico',
        maskIcon      : 'faviconfc.ico',
        msTileImage   : 'faviconfc.ico'
      }
    },