内容简介：贺！ Create React App 2.0 在 10/02 正式发布 :clap|type_3::clap|type_3::clap|type_3:Create React App 是由官方所维护的开发工具，主要提供了专属于 React 开发环境的前置工作。简单来说，就是不需要安装或设定像 Webpack、Babel 这类的构建工具，而是由 CRA 替你预设且隐藏的。最主要的好处即是让开发者可以专注在程式开发，节省了繁杂的环境设定。不过也因为如此，有些好用的功能是被预设中决定，无法自我调适。我们可以从
贺！ Create React App 2.0 在 10/02 正式发布 :clap|type_3::clap|type_3::clap|type_3:
Create React App 是由官方所维护的开发工具，主要提供了专属于 React 开发环境的前置工作。简单来说，就是不需要安装或设定像 Webpack、Babel 这类的构建工具，而是由 CRA 替你预设且隐藏的。最主要的好处即是让开发者可以专注在程式开发，节省了繁杂的环境设定。不过也因为如此，有些好用的功能是被预设中决定，无法自我调适。
更新了什么？
我们可以从官网的介绍中看到，Create React App 主要带来了这些改变，包含：
- 更多的 CSS 工具支援： Sass、CSS Modules
- 更新的开发工具： Babel 7、webpack 4、Jest 23
随着前端开发 工具 的更新，在 Create React App 2.0 主要带来了一些升级。其中最令人兴奋的就是加上 Sass、CSS Modules 这一类的 CSS 开发工具。
CSS Modules
导入 CSS Modeule 相当简单，可以直接将 CSS 写成一个档案 .module.css
然后，在 Component 中这样引入：
import React from 'react'
import './style.css';
import styles from './style.module.css'
export default () => <div className={styles.myStyle}>We are styled!</div>
复制代码
这个时候，style.css 跟 style.module.css 就是 Global 跟 Local CSS。完全不需要任何的环境设定！完整的范例可以参考 这边 。
以上所述就是小编给大家介绍的《Create React App 2.0 华丽登场》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- ????喜大普奔，ES2019登场
- WWDC 2019：macOS Catalina 登场
- Newbe.ObjectVisitor 0.1.4 发布，轻装登场
- 小诺 layui 版本 v1.4 已发布，在线文档功能强势登场！
- 首发 | PlatON测试网络贝莱世界今日竣工，可验证计算压轴登场
- [图]面向小微企业 Windows Server 2019 Essentials即将登场
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
