英文原文：Create React App 2.0: Babel 7, Sass, and More – React Blog

以下是简要翻译

React 本身是没有附带任何编译工具的，如果没有测试运行器、代码压缩器和合理的代码架构，仅靠 React 是很难做出一个复杂的应用的。Create React App 从第一个版本开始，就旨在优化项目代码和处理构建任务与测试任务的配置。

Create React App 依赖的工具已经更新了很多次，性能大大提高，如 Babel 7、webpack 4 和 Jest 23。然而，如果让大家去手动更新这些依赖，并且将它们整合起来，实在是一件费力的事情。因此 Create React App 花了几个月升级到 2.0，帮大家搞定这些依赖和配置。

注意：大家不用急着升级。如果你对现有工具的性能和稳定性都很满意，你就不需要升级到新版本！等 2.0 稳定一段时间再升级是个不错的做法。

新特性

? 更多样式选项：现在你可以使用 SASS 和 CSS Modules 了。

? 将 Babel 升级到 7 了，支持 React Fragment 语法。

? 将 webpack 升级到 4 了，可以更智能地将 JS 分成多个包了。

? 将 Jest 升级到 23 了，可以用交互式的界面查看 snapshots 了。

? 你可以使用 Apollo、Relay Modern、MDX 和其他的第三方 Babel 宏了。

? 你可以将 SVG 作为一个 React 组件导入了，还可以在 JSX 中使用这个 SVG。

? 你可以尝试使用 Yarn 的 Plug'n'Play 模式了，这个模式会移除 node_modules。

? 你可以在开发模式中插入自己的代理，方便测试后端 API。

? 支持最新版 Node。

? 如果你不打算兼容 IE，新版本可以输出体积更小的 CSS 代码。

?‍支持 Service workers

如何升级

如果你没有 eject 过，直接在 package.json 中将 "react-scripts" 的版本升级到 "2.0.3" 然后运行 npm install 即可。

如果你 eject 过就麻烦一点了，建议你先在版本控制软件里 revert 这个 eject，然后升级，再重新 eject。

正文完。

如果你正在学习 React，可以加我的微信 frank_fang 进行交流，暗号 React

Create React App 2.0 正式发布：Babel 7、webpack 4 等相关推荐

Create React App 2.0 华丽登场
贺! Create React App 2.0 在 10/02 正式发布 ?????? Create React App 是由官方所维护的开发工具,主要提供了专属于 React 开发环境的前置工作.简 ...
Vite 3.0 vs. Create React App：比较和迁移指南
Create React App (CRA) 在 React 社区及其整个生态系统的发展中发挥了关键作用. 在突发奇想构建本地 React 开发环境时,它是不同技能的开发人员的首选工具. CRA 拥有 ...
【翻译】基于 Create React App路由4.0的异步组件加载（Code Splitting）
基于 Create React App路由4.0的异步组件加载本文章是一个额外的篇章,它可以在你的React app中,帮助加快初始的加载组件时间.当然这个操作不是完全必要的,但如果你好奇的话,请随 ...
在 .NET Core 5 中集成 Create React app
翻译自 Camilo Reyes 2021年2月22日的文章 <Integrate Create React app with .NET Core 5> [1] 本文演示了如何将 Crea ...
如何使用Create React App DevOps自动化工作中所有无聊的部分
by James Y Rauhut 詹姆士·鲁豪(James Y Rauhut) 如何使用Create React App DevOps自动化工作中所有无聊的部分 (How I automate al ...
深入浅出 Create React App
本文差点难产而死.因为总结的过程中,多次怀疑本文是对官方文档的直接翻译和简单诺列:同时官方文档很全面,全范围的介绍无疑加深了写作的心智负担.但在最终的梳理中,发现走出了一条与众不同的路,于是坚持分享出 ...
react快速开始(二)-使用脚手架Create React App创建react应用
文章目录 react快速开始(二)-Create React App入门什么是Create React App 快速开始使用IDE webstrom创建react项目 create react a ...
Create React App proxy配置
最近又吃了没文化的亏(哭晕在洗手间≧ ﹏ ≦) 做后台管理系统的时候,需要调一个易连云打印小票的接口, 项目框架是 Create React App+typescript,后端是node.js 本媛负 ...
Create React App从使用到Docker部署
一.介绍 Create React App 是 React 脚手架,它帮我们可以快速生成项目的工程化结构,脚手架让项目从搭建到开发再到部署,整个流程变得快速和便捷. 二.安装 Create React ...

Create React App 2.0 正式发布：Babel 7、webpack 4 等

新特性

如何升级

Create React App 2.0 正式发布：Babel 7、webpack 4 等相关推荐

最新文章

热门文章