利用Babel来转化你的ES2015脚本初步

时间：2017-01-06 11:13:08 阅读：258 评论：0 收藏：0 [点我收藏+]

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

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

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

然后项目文件夹下多了
技术分享

然后新建一个 .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);

原文：http://www.cnblogs.com/zjx2011/p/6255194.html

踩

(0)

评论一句话评论（0）

分享档案

更多>