再见 create-react-app

2025-06-08

再见 create-react-app

React 开发团队最近将其create-react-app从官方文档中删除。这意味着它不再是 React 中创建新项目的默认方法。根据Github 上的拉取请求,create-react-app终于消失了。

CRA的问题

长期以来,create-react-appCRA 的性能一直存在问题。与现代方法相比,它速度慢且体积庞大。初始设置非常繁琐,因为需要安装大量依赖项。此外,由于依赖项本身在安装过程中会发出警告,CRA 也显得过时。这些问题困扰了开发人员太久。由于 CRA 是官方支持的方法,初学者很难解决这些问题。

还有什么替代方案?

搭建一个新的 React 项目有多种方法。事实上,官方文档现在提到了NEXT-JS、Remix 等适合初学者的框架。不过,在本文中,我们将学习如何使用Vite在一分钟内搭建我们的 React 应用。

为什么选择 Vite?

Vite 是启动 React 项目最快捷的方式之一。它拥有更快的服务器启动速度,以及更好的插件兼容性。它支持 TypeScript,并拥有更强大的开箱即用的依赖解析功能。使用 Vite 创建的 React 项目大小仅为 CRA 创建的项目的 20%。您可以点击此处了解更多关于 Vite 的信息。

使用 Vite 创建新的 React 项目

让我们使用 Vite 创建一个新的 React 项目。在你想要放置新应用的文件夹中运行以下命令。



npm create vite@latest


Enter fullscreen mode Exit fullscreen mode

Vite 设置

为您的项目命名,并从项目类型中选择“React”。接下来选择变体,这里我们使用 JavaScript。

React 变体

搞定!真的,就是这么简单。所有设置只需不到一分钟。
现在你可以使用以下命令运行应用:



cd <project-root>
npm i
npm run dev


Enter fullscreen mode Exit fullscreen mode

您的应用已启动并正在运行

React 应用程序正在运行

恭喜!🎉🎉

鏂囩珷鏉ユ簮锛�https://dev.to/ag2byte/create-react-app-is-officially-dead-h7o
PREV
开发人员面临时间压力?更快工作,效果更佳
NEXT
JavaScript 中的函数柯里化