将ES6代码转换为ES5代码

代码转换为ES5代码"/>

将ES6代码转换为ES5代码

ES6 代码转为 ES5 代码

• • （一）单个js文件解码
  • • 1 命令在项目目录中，安装Babel
    • 2 配置文件.babelrc
    • 3 安装转码规则
    • 4 配置.babelrc
    • 5 命令行转码
    • 6 控制台转码输出（不常用）
    • 7 将转码结果写入一个文件
  • （二）整个目录转码

注意：转码不是必须的，看自己的需求，转码是为了兼容低版本的浏览器
Babel 是一个广泛使用的ES6转码器，可以将ES6转化为ES5
##安装步骤（前提安装了Nodejs）
注：没安装cnpm下面的cnpm就用npm就可以

（一）单个js文件解码

1 命令在项目目录中，安装Babel

cnpm install --save-dev @babel/core

2 配置文件.babelrc

Babel 的配置文件是.babelrc，存放在项目的根目录下。使用 Babel 的第一步，就是配置这个文件。

该文件用来设置转码规则和插件，基本格式如下:
{
“presets”: [],
“plugins”: []
}

3 安装转码规则

最新转码规则
$ npm install --save-dev @babel/preset-env
react 转码规则//没学就装上面那个就行
cnpm install --save-dev @babel/preset-react

4 配置.babelrc

{
“presets”: [
“@babel/env”,
“@babel/preset-react”//上面没装react转码规则这个就删除掉
],
“plugins”: []
}

5 命令行转码

cnpm install --save-dev @babel/cli

6 控制台转码输出（不常用）

npx babel example.js

7 将转码结果写入一个文件

npx babel example.js -o compiled.js

（二）整个目录转码

npx babel src -d lib