Create React App 2.0 华丽登场

栏目: 服务器 · 发布时间: 7年前

内容简介:贺! 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 2.0 华丽登场

我们可以从官网的介绍中看到,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 华丽登场》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Java语言精粹

Java语言精粹

Jim Waldo / 王江平 / 电子工业出版社 / 2011-6 / 39.00元

这是一本几乎只讲java优点的书。 Jim Waldo先生是原sun微系统公司实验室的杰出工程师,他亲历并参与了java从技术萌生、发展到崛起的整个过程。在这《java语言精粹》里,jim总结了他所认为的java语言及其环境的诸多精良部分,包括:类型系统、异常处理、包机制、垃圾回收、java虚拟机、javadoc、集合、远程方法调用和并发机制。另外,他还从开发者的角度分析了在java技术周围......一起来看看 《Java语言精粹》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换