📜  安装 babel 核心 - Shell-Bash (1)

📅  最后修改于: 2023-12-03 15:39:04.023000             🧑  作者: Mango

安装 Babel 核心 - Shell/Bash

Babel 是一个 JavaScript 编译器,可以将最新的 JavaScript 代码转化为向后兼容的版本,从而可以在不同的浏览器和环境中运行。Babel 核心是 Babel 的主要组件之一,可以用来编写自定义的编译插件或者其他的工具。

本文将介绍如何在 Shell/Bash 中安装 Babel 核心。

安装 Node.js

Babel 是基于 Node.js 运行的,因此在安装 Babel 之前,需要先安装 Node.js。可以从官网下载 Node.js 安装包,或者使用包管理器(如 Homebrew、Chocolatey 等)安装。

安装 Babel 核心

安装 Node.js 后,可以使用 npm 命令来安装 Babel 核心。在终端中执行以下命令:

npm install @babel/core --save-dev

上述命令会在当前项目中安装 Babel 核心,并将其保存为开发依赖。--save-dev 参数表示将 Babel 核心安装为开发依赖,不会在生产环境中使用。

创建 Babel 配置文件

安装 Babel 核心后,需要创建 Babel 配置文件 .babelrc。在终端中执行以下命令:

touch .babelrc

然后编辑 .babelrc 文件,添加如下内容:

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

presets 和 plugins 是 Babel 的插件集合,用来定义 Babel 如何编译代码。具体的插件可以在官网上找到。

使用 Babel 编译代码

安装 Babel 核心和创建配置文件后,就可以使用 Babel 编译代码了。在终端中执行以下命令:

npx babel src --out-dir dist

上述命令会将 src 目录下的 JavaScript 代码编译为向后兼容的代码,并保存到 dist 目录中。

结论

以上介绍了如何在 Shell/Bash 中安装 Babel 核心,创建 Babel 配置文件,并使用 Babel 编译 JavaScript 代码。通过安装 Babel 核心,开发者可以更加方便地编写 JavaScript 代码,并且可以在不同的浏览器和环境中运行。