ES6 ----> ES5
一、babel是什么?
babel的中文网:https://www.babeljs.cn/
有两个版本:babel6 babel7,两者都可以使用,选其一即可
babel是一个javascript编译器。
二、babel可以解决什么问题?
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。这只是功能其中之一。
jsx等等都可以转码。
三、开始学习
babel7的配置:
第一步:全局安装:
npm install @babel/cli -g
npm install @babel/core -g
安装完成后,需要使用babel -V,查看版本号 7.2.3 (@babel/core 7.2.2)
如果版本不是7.x版本的,可以先执行一下命令卸载,然后再执行上面的安装
npm uninstall babel-cli -g
npm uninstall babel-core -g
第二步:安装转码规则
npm install @babel/preset-env --save-dev
第三步:在项目根目录下建.babelrc文件,内容如下:
{
“presets”: ["@babel/preset-env"]
}
完成以上三步后,可以写一个小例子,测试一下
第四步:在指定的文件夹下执行babel 需要编译的文件 -o 编译后的文件
//转码文件
babel index.js -o build.js
//转码整个文件夹
babel ./src/js -d ./src/build
–watch 是监听