那个帮我写代码的AI同事，差点把我项目搞崩了

组里大哥跳槽后，我接手了一个React+TypeScript中后台项目。Webpack配置乱得像意大利面，打包慢到能下楼抽根烟。产品经理还天天催“就加个按钮”。上周五晚，我决定推倒重来。

选型与AI翻车

脚手架选了Vite，冷启动飞快。状态管理用Zustand，告别Redux模板代码。UI库沿用Ant Design。

我尝试用Replit Agent搭基础框架，它直接生成Next.js项目，带一堆无用依赖。这AI同事不太靠谱，得盯着。不过它在快速原型验证上确实好用，生成的表单校验逻辑比我手写还严谨。

MCP打通工具链

重构中最爽的是接入MCP，让AI能直接读项目文件、执行终端命令。在Cursor里配好MCP服务后，它能读取package.json，建议不再瞎编API，甚至能理解自定义Hook的作用。

但坑不少。有次让它改Vite配置，它给了旧版本语法，启动直接报错。更离谱的是让它优化打包体积，它建议删lodash用原生方法。上线后一个深层嵌套对象在undefined上链式调用直接炸了，凌晨三点爬起来修bug。

性能优化实战

打包体积：通过rollup-plugin-visualizer分析，发现antd图标库占近1MB。按需引入后体积砍掉60%。

首屏加载：用React.lazy加Suspense做路由级代码分割，加载时间从3秒降至800毫秒，配合骨架屏体验提升明显。

运行时性能：所有列表加虚拟滚动（react-window），数据量大时不再卡顿。

写在最后

重构搞了一周，每晚写到两三点。AI工具能提效，但别无脑信，它们像实习生，能干活但需review。我的策略：让AI写80%代码，自己改20%关键逻辑。项目已推GitHub，设了private，离职再公开。