内容简介:贺! 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即将登场
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
C++标准模板库编程实战
Ivor Horton / 郭小虎、程聪 / 2017-1
《C++标准模板库编程实战》介绍最新的C++14标准的API、库和扩展,以及如何将它们运用到C++14程序中。在书中,作者Ivor Horton 则阐述了什么是STL,以及如何将它们应用到程序中。我们将学习如何使用容器、迭代器,以及如何定义、创建和应用算法。此外,还将学习函数对象和适配器,以及它们的用法。 阅读完本书之后,你将能够了解如何扩展STL,如何定义自定义类型的C++组件,你还将能够......一起来看看 《C++标准模板库编程实战》 这本书的介绍吧!