安装Babel
使用以下命令安装 Babel packages:
npm install --save-dev @babel/core @babel/cli @babel/preset-env
npm install --save @babel/polyfill
如果感觉安装的慢,可以加上淘宝镜像:
--registry=https://registry.npm.taobao.org
配置Babel
在工程项目的根目录下创建 package.json 配置文件,该配置文件内容如下:
{
"presets": [
"latest"
],
"plugins": [],
"devDependencies": {
"babel-cli": "^6.0.0",
"babel-preset-latest": "^6.24.1"
},
"scripts": {
"build": "babel src -d lib"
}
}
babel-cli 转码
根据 package.json 配置文件在工程的根目录下创建 src 和 lib 两个目录:
- src 目录:用于放置 ECMAScript6 的代码文件。
- lib 目录:用于放置通过 Babel 转码后的代码文件。
在 src 目录下编写 ECMAScript6 的代码文件后,在命令提示符中通过如下指令进行转码:
npm run build