UMI4 AntDesignProV5 如何修改favicon 及放置的位置（AntDesignProV5 V4对比）

最新推荐文章于 2024-08-07 09:39:56 发布

cvory

最新推荐文章于 2024-08-07 09:39:56 发布

阅读量701

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_40593656/article/details/134378012

版权

项目场景：

修改系统的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']

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cvory

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

umi v4加密狗驱动官方版_支持64位系统

07-14

umi 的项目中如何修改 favicon

landiyaaa的博客

07-08

7795

浏览器在解析html文件时会将类型为icon的link标签引用的图片作为网页的favicon，也就是网站标签左上角的小图标。有两种方法加入link标签： 1. 在document.ejs中使用link标签 <head> <link rel="icon" type="image/x-icon" href="favicon.ico" /> </head> umi 约定如果存在src/document.ejs 文件，则将其作为html模板。 2. 在umi配.

参与评论您还未登录，请先登录后发表或查看评论

umi4中修改网站icon 图标

业余前端的职业经历

05-14

1221

其实在开发umi项目中很重要的一项就是看文档,特别是umi的配置文档,但是吧有些时候一些配置看起来一言难尽。但是这个图标的位置就很有学问了他是针对根目录的所以如果你按照文档上的来的话。关注我持续更新前端相关知识。

拥抱Ant Design v5：一键升级的便捷之道

gitblog_00418的博客

08-07

462

拥抱Ant Design v5：一键升级的便捷之道 codemod-v5codemod cli for antd v5 upgrade项目地址:https://gitcode.com/gh_mirrors/cod/codemod-v5 在快速迭代的软件开发世界中，保持代码库的现代化是每个开发者不可或缺的任务。Ant Design v5的发布带来了诸多新特性和改进，但手动升级可能会是一项耗时且容易...

umi4+vue3项目中添加iconfont图标

wangzhicheng0304的博客

09-09

1355

现在这个项目用的是umi4+vue3，之前一直用是的umi+react，所以想换下vue来开发，这个项目算是第一次使用vue，因为用umi习惯了，所以还是用它，加上umi4也支持vue了，umi4的配置有点不一样了，所以与vue3一起都是摸索着开发。页面上应该有显示的图标了，当然也可以不用Font class引入，直接下载到本地，应该也是可以的，我就没有去试了，欢迎大家去尝试。我放了一个umi+vue的demo在github上，大家可以看看。下面还是开始讲我是怎么添加iconfont上的图标的。

ant design pro 更换页面图标favicon

sg_knight的专栏

08-02

4465

1、找到原系统默认图片位置/public/favicon.png 2、将favicon.png替换为自己系统的图标即可。

【react踩坑记录2】umijs中如何在首页中document.ejs引用全局变量

TanMengyi的博客

02-03

5041

首先，在umijs中，document.ejs文件就对应index.html，官方原话： 1、新建 src/pages/document.ejs，umi 约定如果这个文件存在，会作为默认模板 2、模板里可通过 context 来获取到 umi 提供的变量，context 包含： route，路由信息，需要打包出多个静态 HTML 时（即配置了 exportStatic 时）有效 config，用户配置信息比如： <link rel="icon" type="image/x-icon" h

umi v4加密狗驱动

11-15

umi v4加密狗驱动是针对特定硬件设备——umi v4加密狗的一款驱动程序。加密狗是一种硬件设备，通常用于软件保护，防止未经授权的用户复制或非法使用受版权保护的软件。它通过插入计算机的USB端口，与软件系统进行...

umi-dva-antd-mobile：基于umi + dva + antd-mobile快速构建H5 APP应用

02-06

抱歉各位，本项目已经停止维护，为了不给您使用...部分代码及功能参考于 :clapping_hands:已经支持微信开发，相见分支。目录结构 |-- config # umi 配置，包含路由，构建等配置 |-- mock # 本地模拟数据 |-- public

UMI微狗硬复制工具及分析资料

06-30

4. **性能测试报告**：通过对比测试，展示UMI微狗在不同硬盘类型、容量和数据量下的复制速度和效率。 5. **安全性和隐私保护**：详细解释数据复制过程中的安全措施，以及如何保护用户的隐私不被泄露。 6. **兼容性...

UMI V4 加密狗驱动

10-23

微狗(UMI/UMC/PMH/PMI)驱动安装程序是安装在 Windows 9X/ME/NT/2K/XP/WS2003/Vista /XP64/WS2003x64/Vista64环境下的驱动的程序。加密后的 Win32 应用程序在 Windows 9x以及Windows ME 下运行时，需要安装...

umi引入antd的全局layout

qq_44462054的博客

02-27

1962

umi，antd3x

umi打包时favicon.ico图标丢失问题

在下月亮有何贵干

12-02

2381

解决umi打包完，favicon.ico路径找不到的问题。

ant design pro v5 总结

iuaogh的博客

11-10

6963

Ant Design Pro v5使用心得相比V4，V5到底强在哪？如何更改 title图标和加载时的页面？defaultSettings中菜单的几种模式及主题等配置国际化request 这篇文章主要是我在使用V5的过程中的一些发现以及遇到的坑，希望能够帮到大家，若有问题还请提出，谢谢！相比V4，V5到底强在哪？其实主要是ProComponents的功劳，我用它有两三个月了，在此记录一下使用遇到的一些坑和经验今天我再次create了一个新的v5的项目，发现跟我的不太一样,不过没关系，大致都是一样的 v

Ant design pro使用(三):修改标题及网页图标

好气嗷，但仍要保持微笑!

11-09

3408

getPageTitle 方法会返回路径名-项目标题修改项目标题 config/defaultSettings.ts中修改title 修改网页图标得到favicon.ico图片放在public文件夹中修改config/config.ts文件 favicon:'favicon.ico'

页面设置favicon设置以及动态修改favicon

四月

03-04

3941

1，常见设置index.html中设置 <link rel="icon" href="http://files.puhuijinfu.com/imgLoader/phjf/img/2020/03/04/rLBLKH6YAaw78iyB14J5.jpeg" type="image/x-icon"> 2.动态设置 getIcon(){ var icon_url='' ...

umi约定式路由规则修改

luoluoyang23的博客

03-28

956

umi约定式路由修改规则

ant design pro v5

yuzheh521的博客

07-24

1889

就是删除这个文件 ./src/components/index.md，我建的项目是 simple，删了之后直接可以运行。目前已经试过删除node_modules文件夹，并重新安装依赖包，依旧报错。### 问题出现的环境背景及自己尝试过哪些方法。Ant Design Pro版本：5.2.0。

umi学习（umi4）

weixin_60968779的博客

03-03

4458

umi学习

umi动态配置favicon