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