手上一个跑了三年的后台系统,React 16 + Antd 4 + Redux,构建一直是 Webpack 4。本地冷启动 40 秒,改一行样式热更新要等 3 秒,团队实在受不了,决定迁到 Vite。
上周在分支上试了一版,能跑起来,但卡在三处:
1、Antd 4 原来用 babel-plugin-import 做按需引入,迁过来样式全丢了,改成 ES 模块直接引入才恢复,但产物体积涨了不少;
2、有几个老工具库只发 CommonJS,预构建报 default 导出不存在,加 optimizeDeps.include 绕过去了,不确定是不是正解;
3、环境变量从 process.env 换成 import.meta.env,业务代码里散着几十处,还在逐个替换。
想请教迁过的同学:Antd 4 在 Vite 下正确的按需引入姿势是什么?CommonJS 依赖除了 optimizeDeps 还有更稳的处理方式吗?
相似问题