es和babel转换器

es6转换成es5，转换器 babel

 

 

1.如果webApp文件夹下没有package.json文件，可以手动建立一个package.json文件

 

{

  "name": "babel-test",

  "version": "",

  "description": "",

  "repository": {

    "url": ""

  },

  "scripts": {},

  "author": "",

  "license": "",

  "devDependencies": {

    

  },

  "dependencies": {}

}

 

也可以使用命令建立package.json文件

1.cd C:\webApp 切换到某个文件夹下

2.npm init    会陆续提示输入内容，最终生成package

 

2.安装babel文件

npm install --save-dev babel

 

npm install --save-dev babel-cli

 

npm install babel-preset-env --save-dev

 

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

npm安装package.json时  直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下

3.创建.babelrc配置文件

{

"presets": ["env","es2015"]

}

 

4.运行

npx babel a.js

 

 

a.js文件：

 

'use strict'

console.log('1111');

console.log('2222');

var array=[1,2,3,4];

var a=array.filter(x=>x>2);

console.log(a);

 

编译输出：

 

npx babel a.js --out-file b.js

 

babel编译后的文件：（已经将filter方法，转成es2015）

 

 

 

 

 

 

【traceur】

npm install -g traceur 

 

trcaeur  --script calc.es6.js --out calc.es5.js