再见 create-react-app
React 开发团队最近将其create-react-app
从官方文档中删除。这意味着它不再是 React 中创建新项目的默认方法。根据Github 上的拉取请求,它create-react-app
终于消失了。
CRA的问题
长期以来,create-react-app
CRA 的性能一直存在问题。与现代方法相比,它速度慢且体积庞大。初始设置非常繁琐,因为需要安装大量依赖项。此外,由于依赖项本身在安装过程中会发出警告,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
为您的项目命名,并从项目类型中选择“React”。接下来选择变体,这里我们使用 JavaScript。
搞定!真的,就是这么简单。所有设置只需不到一分钟。
现在你可以使用以下命令运行应用:
cd <project-root>
npm i
npm run dev
您的应用已启动并正在运行
恭喜!🎉🎉
鏂囩珷鏉ユ簮锛�https://dev.to/ag2byte/create-react-app-is-officially-dead-h7o