ES6转ES5使用babel

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 是监听

猜你喜欢

转载自blog.csdn.net/weixin_44462907/article/details/88555294