内容简介:贺! 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即将登场
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Apache源代码全景分析第1卷
2009-5 / 88.00元
《Apache源代码全景分析第1卷:体系结构与核心模块》是“Apache源代码全景分析”的第1卷。书中详细介绍了Apache的基础体系结构和核心模块的实现机制,包括配置文件、模块化结构、多任务并发,以及网络连接和请求读取,其中多任务并发体系结构是《Apache源代码全景分析第1卷:体系结构与核心模块》分析的重点,讨论了Prefork、Worker及WinNT三种MPM。《Apache源代码全景分析......一起来看看 《Apache源代码全景分析第1卷》 这本书的介绍吧!