Create React App 2.0 华丽登场

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

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

查看所有标签

猜你喜欢:

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

码农书籍

编程之美：微软技术面试心得

《编程之美》小组 / 电子工业出版社 / 2018-9 / 79

《编程之美：微软技术面试心得》收集了约60道算法和程序设计的题目，这些题目大部分在微软的笔试、面试中出现过，有的曾被微软员工热烈地讨论过。作者试图从书中各种有趣的问题出发，引导读者发现问题、分析问题、解决问题，寻找更优的解法。《编程之美：微软技术面试心得》内容分为以下几个部分。游戏之乐：从游戏和其他有趣问题出发，化繁为简，分析总结。数字之魅：编程的过程实际上就是和数字及字符打交道的......一起来看看《编程之美：微软技术面试心得》这本书的介绍吧!

码农工具

Create React App 2.0 华丽登场

更新了什么？

CSS Modules

编程之美：微软技术面试心得

在线进制转换器

RGB CMYK 转换工具

HEX CMYK 转换工具