让nodeJS支持ES6的词法—-babel的安装和使用方法

我来详细讲解一下“让nodeJS支持ES6的词法----babel的安装和使用方法”的完整攻略。

1. 什么是babel

babel是一个JavaScript编译器，能够将 ECMAScript 6/7/8/9 的代码转换为向后兼容的 JavaScript 代码（ES5 或更低版本的 JavaScript 代码）。我们可以使用它来将使用最新JavaScript特性编写的代码转换成普通的JavaScript代码来在nodeJS或者任意主流浏览器中正常运行。

2. babel的安装方法

2.1 使用npm进行安装

npm install --save-dev @babel/core @babel/cli @babel/preset-env

2.2 安装完成后，配置babel

由于babel具有一些不同类型的插件，它的配置有点复杂。我们需要创建一个 .babelrc 文件来配置所有的babel选项，使得babel能够正确地编译我们的代码。

{
  "presets": ["@babel/preset-env"]
}

这里我们使用了 @babel/preset-env 这个预设插件，它会查询运行的环境然后将代码转换成支持这个环境的代码。如果你想使用其它类型的babel插件，请查看官方文档配置。配置完成后，我们就可以在项目中使用babel了。

3. babel的使用方法

3.1 使用 babel-cli 命令行工具（命令行方式使用babel）

我们可以使用命令行工具 babel-cli ，将ES6的代码转换为ES5的代码：

babel-node index.js

如果你只想要将代码编译成 ES5 的语法，可以使用命令行参数：

babel index.js --out-file index-transpiled.js

3.2 使用babel-loader（Webpack下使用）

我们也可以借助 babel-loader 转换我们的代码，在 Webpack 配置文件中将这个规则添加进去即可:

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,  //对js文件进行转换
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
          query: {
            presets: ["@babel/preset-env"]
          }
        }
      }
    ]
  }
};

以上是 babel的安装和使用方法介绍。如果你在使用过程中遇到什么问题，可以查看babel的官方文档，或者向开发者社区寻求帮助。

下面给出一个 babel 转码的示例代码，第一个是ES6的代码：

const add = (a, b) => a + b;
const result = add(2, 3);
console.log(result); // output: 5

转换后的ES5代码：

"use strict";

var add = function add(a, b) {
  return a + b;
};

var result = add(2, 3);
console.log(result); // output: 5

使用常规的JavaScript语法表示箭头函数，我们必须使用 function 关键字，这个转换对于我们来讲非常好用。

希望以上说明对你有所帮助。