ES6代码转换为ES5的代码

代码转换为ES5的代码"/>

ES6代码转换为ES5的代码

1.初始化项目

npm init
npm init -y

2.安装转码工具

cnpm install -g babel-cli （全局安装）

3.安装转换规则

cnpm install -g babel-preset-latest

4.指定转换规则 新建.babelrc

{
“presets”:[“latest”]
}
cnpm install --save-dev babel-cli babel-preset-latest

–save-dev表示生产依赖，仅在项目开发时使用的依赖
–save表示产品依赖，在产品上线时也会使用的依赖

babel工具在项目中是在开发阶段使用的工具
jquery工具在项目中是在产品阶段使用的工具

5.将ES6转换为ES5之后的文件输入到另一个文件当中

babel 2-hello.js --out-file 2-helloo.js

6.将整个src目录下的es6文件转换成es5文件到dist目录

babel src --out-dir dist