UMI4 AntDesignProV5 如何修改favicon 及放置的位置(AntDesignProV5 V4对比)

项目场景:

修改系统的favicon.ico

AntDesignProV4 修改方式

因为在V4版本中,有根目录文件,可在文件中直接指定:

  
  <head>
   <link rel="icon" type="image/x-icon" href="<%= context.config.publicPath %>icons/logo.png" />
  head>

提示:这里context.config.publicPath指向的public文件夹,可以不限于.ico文件
UMI4 AntDesignProV5 如何修改favicon 及放置的位置(AntDesignProV5 V4对比)_第1张图片


AntDesignProV5 修改方式

提示:V5版本中无根文件,只可在config中配置
官方配置文档地址:https://pro.ant.design/zh-CN/docs/title-landing/#favicon
github相关问题地址:https://github.com/umijs/umi/issues/11138

// config.ts文件
favicons: ['/favicon.ico']

需注意:

  1. 文件需是.ico格式
  2. 文件需放在public文件夹中
  3. 如果不同环境根文件夹不一样,例如线上,项目在/final文件夹中:
    favicons: process.env.NODE_ENV === 'production' ? ['/final/favicon.ico']:['/favicon.ico']

你可能感兴趣的:(react.js,javascript,前端)