• React正式弃用Create React App 雨溪推荐这个工具以迁移至 Vite
  • 发布于 2个月前
  • 286 热度
    0 评论
2 月 14 日,React 官方发布博客表示:正式弃用 Create React App。

弃用原因分析:
1. 技术债太多:测试库等关键依赖未跟进 React 19
2. 更新架构老化:Webpack 4 等底层工具链已落后现代工程需求
3. 生态转向:Vite/Turbopack 等新型构建工具碾压式性能优势

尤雨溪也推荐了一个从 CRA 迁移至 Vite 的开源工具

推荐项目(官方地址)可以尝试下:https://github.com/bhbs/viject

工作原理
1. 重写 npm scripts(npm 脚本)
    .将原有的 CRA(Create React App)脚本替换为 Vite 的对应命令

2. 添加依赖项
    .安装必要的 Vite 相关依赖包

3. 重写 react-app-env.d.ts
    .更新 TypeScript 类型声明文件,使其与 Vite 兼容

4. 移动 index.html
    .将 index.html 文件移动到正确的位置(在 Vite 中通常是根目录)

5. 转换 .js 文件
    .将包含 JSX 的 .js 文件转换为 .jsx 文件
    .这是因为 Vite 需要明确的文件扩展名来正确处理 JSX

6. 添加 vite.config 配置文件
    .创建 vite.config.js 或 vite.config.ts
    .包含使 CRA(Create React App)项目兼容 Vite 的插件配置

源码地址:https://github.com/bhbs/viject
Vue 作者尤雨溪认为,对于初学者,建议在学习过程中从普通的 Vite 开始,掌握了基础知识后可以再转向基于 Vite 的框架,会大有裨益。目前为止,Vite 的周下载量已经达到了 2100w+,Vue 的周下载在600w+,而使用 Vue 的也不可能都在用 Vite。这就意味着,有至少1500万次下载来自于其他框架,根据2024年各大前端框架的下载量数据,这 1500w+ 次下载应该有一大部分来自 React 和 React框架,这也充分说明了众多开发者对 Vite 的认可。
用户评论