Babel-cli将ES6转换ES5

1 Babel-cli

现在JS盛行ES6,但是NodeJS对ES6的特性支持不够完整,Babel-cli可以直接运行ES6的代码,也可以把ES6转换为ES5;

Bable-cli官网:https://www.babeljs.cn/docs/usage/cli/#babel-node

NodeJS特性:https://nodejs.org/en/docs/es6/

2. 安装Bable-cli

参考:https://www.babeljs.cn/docs/usage/cli/#babel-node

安装:

 npm install -g babel-cli
 
//也可以通过直接将Babel安装到项目中,在项目根目录下执行下面命令,同时它会自动在package.json文件中的devDependencies中加入babel-cli
//在执行安装到项目中命令之前,要先在项目根目录下新建一个package.json文件。

 npm install -g babel-cli --save-dev

3. ES6转ES5

# ES2015转码规则
npm install --save-dev babel-preset-es2015
 
# react转码规则
npm install --save-dev babel-preset-react
 
# ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个
npm install --save-dev babel-preset-stage-0
npm install --save-dev babel-preset-stage-1
npm install --save-dev babel-preset-stage-2
npm install --save-dev babel-preset-stage-3

猜你喜欢

转载自blog.csdn.net/niuba123456/article/details/82026636
今日推荐