如何安装Babel

Babel是一个非常著名的转译器，基本上可以让我们在当今的浏览器中使用未来的JavaScript。它可以将最新版本的JavaScript代码转换为浏览器理解的代码。JavaScript遵循的最新标准版本是ES2020，但不是所有浏览器都完全支持，因此我们使用类似Babel引擎的工具来将其转换为今天的浏览器可以理解的代码。

Babel的安装

首先，我们必须选择要安装Babel的工具，有很多安装选项可供选择。让我们以在浏览器中安装Babel为例，对于内置的Babel，我们使用CLI或require hooks，还有其他很多选项。现在，我们使用Ember.js中的框架工具来安装Babel。为此，我们需要安装Ember.js并创建一个Ember.js应用程序，然后通过ember.js命令安装Babel。

步骤1： 运行以下命令在系统中安装ember.js

npm install -g ember-cli

步骤2： 然后，运行以下命令创建一个ember应用程序

ember new <project-name> --lang en

步骤3： 创建您的项目文件夹后，使用以下命令。

cd foldername

项目结构： 使用该命令后，文件夹结构如下图所示。然后，您可以在应用程序中访问Ember.js组件。

步骤4： 然后，我们将运行以下命令在我们的项目文件夹中安装Babel CLI

ember install ember-cli-babel

步骤5： 现在，我们需要在项目根目录中创建一个 babel.config.json 配置文件，并启用一些环境预设。为此，我们需要运行以下命令。

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

步骤6： 然后，我们需要在 babel.config.json 配置文件中启用预设。

现在让我们来看一下最新标准版本ES2020的简单代码，并查看通过Babel引擎时会发生什么。

// ES2020 nullish coalescing
function gfg(input) {
    return input ?? "Hello geeks";
}

上面的代码在一些浏览器中不受支持，因此通过Babel生成的代码将变为：

function gfg(input) {
    return input != null ? input : "Hello geeks";
}

阅读更多：JavaScript 教程