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

查看所有标签

猜你喜欢:

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

人工智能产品经理——AI时代PM修炼手册

人工智能产品经理——AI时代PM修炼手册

张竞宇 / 电子工业出版社 / 2018-6 / 59

随着人工智能热潮的兴起,企业对人工智能领域产品经理的人才需求也开始井喷,人工智能产品经理成为顺应时代潮流的重要人力资源。实际上,人工智能确实给现有的产品和服务带来了全方位的升级,这也给产品经理从业人员提出了更高的要求,是关注人工智能产品的产品经理们面临的一次关键转型考验。 《人工智能产品经理——AI时代PM修炼手册》从知识体系、能力模型、沟通技巧等方面帮助大家系统地梳理了人工智能产品经理所必......一起来看看 《人工智能产品经理——AI时代PM修炼手册》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器