一、Babel入门教程
- 阮一峰Bable入门教程:http://www.ruanyifeng.com/blog/2016/01/babel.html
二、什么是Babel?
- Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行
三、Babel的使用方式(https://babeljs.io/setup)
- 使用命令行工具安装Babel:
npm install --save-dev @babel/core @babel/cli(安装最新版)
npm install --save-dev @babel/core@7.11.0 @babel/cli@7.10.5 (安装指定版本)
四、Babel编译es6代码方法
- 1.安装node.js
- 2.初始化项目,生成package.json文件:npm init
- 3.安装Babel需要的包:npm install --save-dev @babel/core @babel/cli
- 4.执行编译的命令
在 package.json 文件中添加执行 babel 的命令
"scripts": {
"build": "babel src -d lib"
} - 5.Babel 的配置文件
安装配置文件:npm install @babel/preset-env@7.11.0 --save-dev
创建配置文件 .babelrc,并配置
{
"presets": ["@babel/preset-env"]
} - npm run build;进行编译。