📜  安装 babel 语言 - Shell-Bash (1)

📅  最后修改于: 2023-12-03 14:53:30.091000             🧑  作者: Mango

安装 Babel 语言

如果你想使用 ES6 或者更高版本的 JavaScript,你需要一个能够将代码转译为 ES5 的工具来保证兼容性。其中一个最为流行的工具就是 Babel。

安装 Babel CLI

Babel CLI 是 Babel 的命令行工具,它允许你在终端中使用 Babel 编译代码。

你可以通过以下命令来安装 Babel CLI:

npm install --save-dev @babel/cli
配置 Babel

一旦安装好了 Babel CLI,你需要在你的项目根目录下新建一个文件名为 .babelrc 的文件,并在该文件中配置相应的插件和预设。

举个例子,如果你想要使用 ES6 的箭头函数,你需要在 .babelrc 中进行如下配置:

{
  "presets": ["@babel/preset-env"]
}
使用 Babel CLI 转译代码

当你准备好配置之后,你可以通过 Babel CLI 编译你的代码。这可以通过以下命令完成:

npx babel <input-directory> --out-dir <output-directory>

其中,<input-directory> 表示你的源代码所在的目录,<output-directory> 表示编译结果的输出目录。

使用 Babel API 转译代码

另一种使用 Babel 编译代码的方式是使用 Babel API。你可以通过以下命令来安装 Babel API:

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

接下来,你可以使用 @babel/core 模块提供的 API 来编译你的代码,代码示例如下:

const babel = require("@babel/core");

const code = "const greeting = () => console.log('Hello World!');";

const compiledCode = babel.transform(code, {
  presets: ["@babel/preset-env"]
});

console.log(compiledCode.code);
总结

Babel 是一个能够将你的 ES6 或者更高版本的 JavaScript 转译为 ES5 的工具。通过以上所述的安装和配置步骤,你可以简洁轻便地使用 Babel 来编译你的代码。