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

查看所有标签

猜你喜欢:

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

Head First Rails

Head First Rails

David Griffiths / O'Reilly Media / 2008-12-30 / USD 49.99

Figure its about time that you hop on the Ruby on Rails bandwagon? You've heard that it'll increase your productivity exponentially, and allow you to created full fledged web applications with minimal......一起来看看 《Head First Rails》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具