代码转换为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
更多推荐
将ES6代码转换为ES5代码
发布评论