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 主要带来了这些改变，包含：

更多的 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 华丽登场》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

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

码农书籍

算法：C语言实现

塞奇威克 / 霍红卫 / 机械工业出版社 / 2009-10 / 79.00元

《算法:C语言实现(第1-4部分)基础知识、数据结构、排序及搜索(原书第3版)》细腻讲解计算机算法的C语言实现。全书分为四部分，共16章。包括基本算法分析原理，基本数据结构、抽象数据结构、递归和树等数据结构知识，选择排序、插入排序、冒泡排序、希尔排序、快速排序方法、归并和归并排序方法、优先队列与堆排序方法、基数排序方法以及特殊用途的排序方法，并比较了各种排序方法的性能特征，在进一步讲解符号表、树等......一起来看看《算法：C语言实现》这本书的介绍吧!

码农工具

HTML 编码/解码

HSV CMYK 转换工具

HSV CMYK互换工具