项目场景:
修改系统的favicon.ico
AntDesignProV4 修改方式
因为在V4版本中,有根目录文件,可在文件中直接指定:
<!-- document.ejs -->
<head>
<link rel="icon" type="image/x-icon" href="<%= context.config.publicPath %>icons/logo.png" />
</head>
提示:这里context.config.publicPath指向的public文件夹,可以不限于.ico文件
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']
需注意:
- 文件需是.ico格式
- 文件需放在public文件夹中
- 如果不同环境根文件夹不一样,例如线上,项目在
/final
文件夹中:
favicons: process.env.NODE_ENV === 'production' ? ['/final/favicon.ico']:['/favicon.ico']