使用Babel转码器转码ES6

Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行。这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是否支持

第一种方式

1. 创建项目的包管理文件package.json
   npm init -y -y , 生成项目信息的默认配置值，减少手动单项确认的步骤
2. 安装babel
   npm install --save-dev @babel/core
3. 安装转码需要的规则集
   npm install --save-dev @babel/preset-env
4. 手动添加.babelrc配置文件。Babel 的配置文件是.babelrc，存放在项目的根目录下。使用 Babel 的第一步，就是配置这个文件，该文件用来设置转码规则和插件

   1 2 3 4 5 6

   { "presets": [ "@babel/env", ], "plugins": [] }

5. 安装命令行转码工具，开始转码

   1 2 3

   npm install --save-dev @babel/cli npx babel example.js -o compiled.js 具体某个文件转码 npx babel src --out-dir lib 整个文件夹转码

第二种方式

1. 创建项目的包管理文件package.json
   npm init -y

2. 安装转码插件 babel-preset-es2015
npm install --save-dev babel-preset-es2015 babel-cli

3. 配置.babelrc文件

   1 2 3 4 5 6

   { "presets": [ "es2015", ], "plugins": [] }

4. 安装babel-cli,开启命令行转码
   babel src/a.js -o dist/a.js

5. 简化转码命令为npm run build

   1 2 3

   "scripts": { "build": "babel src/a.js -o dist/a.js" }