博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
配置 babel 支持对象扩展运算符、class 直接赋值变量等新特性
阅读量:5945 次
发布时间:2019-06-19

本文共 622 字,大约阅读时间需要 2 分钟。

例如支持对象扩展运算符

let foo = {    a: 1,    b: 2}let bar = {c: 3, ...foo}复制代码

或者支持 class 里直接赋值变量

class Foo extends React.Component {    state = {        a: 1    }    render() {        return (
a: {this.state.a}
) }}复制代码

一般来说,这种新特性,正常来说 runtime 是不支持的,因此额外安装下面这个

npm install --save babel-preset-stage-2复制代码

然后配置 .babelrc 文件:

{  "presets": [    "babel-preset-env",    "stage-2"  ],  "plugins": [    "transform-runtime"  ]}复制代码

即可。

注:

  1. 通常安装到 stage-2 就足够了,如果还不行,再安装 stage-1 或者 stage-0 (越小越新);
  2. 安装这个对体积影响不大,我自己在 React 项目里测试,添加了上面两段代码后,并添加 "stage-2" 配置,体积大约增加了 2KB;

DEMO:

转载于:https://juejin.im/post/5a844bc36fb9a063577501a4

你可能感兴趣的文章
(原創) array可以使用reference方式傳進function嗎? (C/C++)
查看>>
170多个Ionic Framework学习资源(转载)
查看>>
Azure:不能把同一个certificate同时用于Azure Management和RDP
查看>>
Directx11教程(15) D3D11管线(4)
查看>>
Microsoft Excel软件打开文件出现文件的格式与文件扩展名指定格式不一致?
查看>>
ios ble 参考
查看>>
linux中注册系统服务—service命令的原理通俗
查看>>
基于托管C++的增删改查及异步回调小程序
查看>>
Oracle DBMS_STATS 包 和 Analyze 命令的区别
查看>>
linux下基本命令
查看>>
windows server 2008R2 上安装配置freesshd
查看>>
手动删除SVCH0ST.EXE的方法
查看>>
已释放的栈内存
查看>>
Android网络之数据解析----SAX方式解析XML数据
查看>>
Java递归列出所有文件和文件夹
查看>>
[关于SQL]查询成绩都大于80分的学生
查看>>
Delphi(Tuxedo,BDE,ADO)三合一数据集组件HsTxQuery
查看>>
LeetCode - Longest Common Prefix
查看>>
Android图片处理
查看>>
2015年第21本:万万没想到,用理工科思维理解世界
查看>>