入门篇:利用Babel来转化你的ES2015脚本初步

我们在前面已经安装和学习过babel
安装babel-cli 这是babel解释器的客户端主程序
npm install -g babel-cli
安装”编译”插件(babel的JSX语法转换器)
npm install babel-plugin-transform-react-jsx

官网http://babeljs.io/

安装ec2015的转化器,因为ec2015语法并不是所有浏览器都兼容

$ npm install --save-dev babel-preset-es2015

然后项目文件夹下多了
这里写图片描述

然后新建一个 .babelrc 文件,写入:

{
  presets: ['es2015']
}

好,下面来学一个简单的es2015的写法
let,用于代替es5中的var
我们先写一下

let name = "zhangsan";
alert(name);

我们来利用babel转化一下,命令行执行:

babel ./es2015/index.js --out-file ./es2015/index-build.js

index-build.js就是转换后的js:

"use strict";

var name = "zhangsan";
alert(name);
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值