经验总结

Deshun 发布于 11个月前 (03-05) 7771℃ 评论(0) 赞 (1)

最近在搞一个 Umi 3 项目的多语言/国际化支持，在修改路由标题时，使用 getIntl().formatMessage() 方法时会报错。原因是：getIntl() 是运行时方法，而 umirc.ts 是构建时配置文件，无法在初始化阶段调用动态函数。需要参考一下方法，配置 Umi 3 路由的多语言：一、配置国际化插件启用插件与基础配置在 .umirc.ts 中配置 loca...

标签： umi  /  umi3  /  国际化  /  多语言  /  项目支持国际化  /  i18n  /  前端项目国际化

Deshun 发布于 11个月前 (02-27) 7602℃ 评论(0) 赞 (1)

使用 dumi 开发组件包，在组件中引用 svg 图片时 TS 报错，执行 pnpm build 命令无法正常打包，报错如下：# pnpm build error - src/index.tsx:19:22 - TS2307: Cannot find module '../assets/i...

标签： dumi  /  umi  /  npm组件  /  npm包

Deshun 发布于 11个月前 (02-20) 7986℃ 评论(0) 赞 (1)

Umi 3 提供了 @umijs/plugin-locale 插件，可以便捷的实现国际化（i18n），帮助开发者轻松实现多语言功能。本文将详细介绍如何在 Umi 3 项目中实现页面多语言。在 Umi 3 项目中实现多语言功能，可通过以下步骤完成：1. 安装国际化插件使用 Umi 官方提供的 @umijs/plugin-locale 插件，支持多语言切换与资源管理。npm install&...

标签： umi  /  umi3  /  国际化  /  多语言  /  项目支持国际化  /  i18n  /  前端项目国际化

Deshun 发布于 11个月前 (02-19) 7203℃ 评论(0) 赞 (2)

项目要支持多语言/国际化，项目使用 umi 3 框架进行项目开发，根据官方文档，可以是用 FormatMessage 实现国际化。本文将详细介绍 umi 3 中 formatMessage 在组件、非组件以及 js/ts 文件等多场景下的使用方法。一、在组件中使用 FormatMessage1. 函数调用形式推荐使用 useIntl 钩子函数来获取 formatMessage 方法，然后以函数调用...

标签： umi  /  umi3  /  国际化  /  多语言  /  项目支持国际化  /  i18n  /  前端项目国际化

Deshun 发布于 2年前 (2024-07-26) 1730℃ 评论(0) 赞 (3)

文本超出显示省略号在日常开发中还是有不少这样的需求的。举个例子：单行文本溢出显示省略号div{   overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis; }效果如下：前端资源网前端资源网但是，如果使用 flex 布局就会...

标签： css  /  溢出  /  超出  /  flex布局  /  文本超出省略号

Deshun 发布于 2年前 (2024-06-21) 1635℃ 评论(0) 赞 (3)

想要彻底删除 Git 仓库中的某个文件或文件夹（包括历史记录）时，可以按照以下步骤操作：确定要删除的文件名或文件夹名：如果要删除文件，使用以下命令：git filter-branch --force --index-filter 'git rm --cached --ignore-unmatch 文件名'...

标签： Git教程  /  Git删除文件  /  Git清除记录  /  Git清除缓存

Deshun 发布于 2年前 (2024-06-18) 1374℃ 评论(0) 赞 (2)

最近使用 K8S容器云构建项目时特别慢，因为需要重新下载依赖，重新编译打包。后来想到一个比较讨巧的方法，将打包后的 dist 文件也提交到 git，容器云拉取代码直接打镜像，时间大幅缩短，之前需要一个多小时的现在只需要不到一分钟。Git 提交已忽略的文件1、忽略文件夹中的文件：在 .gitignore 文件中添加文件夹路径，比如我们要忽略的是 dist 文件夹：dist这将忽略 dist...

标签： Git教程  /  Git提交已忽略文件  /  Git清除记录  /  Git清除缓存