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

1,017 阅读2分钟

英文原文: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