背景

我负责维护一个已经运行两年的DeFi项目前端，技术栈是React + TypeScript + ers.js。最近在做性能调整时发现，打包后的bundle size比同类项目大了近30%。经过分析，ers.js占了相当大的比重。项目中的一些复杂类型定义在ers.js下显得很冗长，类型提示也不够友好。

团队讨论后决定尝试迁移到Viem。Vi比如em是较新的以太坊JavaScript库。以类型安全，还有模块化，再有轻量化为特点。但迁移一个生产环境项目不是简单的替换import语句，我需要在保证现有功能完全正常的前提下完成迁移。

问题分析

最初我以为迁移就是换个库，把ers.providers.Web3Provider换成viem/createWalletClient就行了。但实际一开始就遇到了问题：

1. 类型程序完全不同ers.js使用自己的BigNumber类型，而Viem直接使用原生bigint
2. 事件监听机制差异ers.js的合约事件监听和Viem的watchContractEvent参数结构完全不同
3. 多链支持方式不同我们项目支持Ereum、Polygon、Arbitrum三条链。ers.js通过Network对象管理，Viem有自己的一套链定义

最头疼的是项目中有上百处以太坊交互代码，分布在组件、hooks、工具函数中，不可能一次性全部重写。 怎么说呢，我需要一个渐进式的迁移方案。

主要实现

至于第一步先。搭建双库共存环境

我决定先让两个库共存，逐步迁移模块。安装必要的Viem包：

npm install viem wagmi

接下来创建了一个lib/viem-client.ts文件，初始化基础客户端：