ES6 代码转为 ES5 代码
注意:转码不是必须的,看自己的需求,转码是为了兼容低版本的浏览器
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