📜  安装 babel 命令行 - Shell-Bash (1)

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

安装 babel 命令行 - Shell-Bash

简介

babel 是一个 JavaScript 编译器,可以将 ES2015+ 的代码,转译为向下兼容的 JavaScript 代码。babel 命令行工具,可以帮助开发者在命令行中使用 babel 进行编译转换。

本篇文章将介绍如何在 Shell-Bash 中安装 babel 命令行工具,并提供一些常见的使用方式。

安装

使用 npm 命令安装 babel-cli:

npm install -g babel-cli

注:如果您使用的是 Mac 或 Linux 系统,可能需要在命令前加上 sudo 权限。

安装完成后,可以通过以下命令检查 babel 命令行工具是否安装成功:

babel --version

如果出现版本号,说明已经成功安装了 babel 命令行工具。

常见用法

以下列举了 babel 命令行工具的几个常见用法。

1. 编译单个文件

使用 babel 命令编译单个文件:

babel original.js -o compiled.js

注:原始文件(original.js)必须位于当前工作目录下。

2. 编译整个目录

使用 babel 命令编译整个目录:

babel src --out-dir lib

注:在这个例子中,源代码目录为 src,编译后的目录是 lib。如果需要排除一些文件或目录,可以使用 --ignore 参数。

3. 监听模式

babel 命令行工具支持监听模式,可以在文件发生变化时自动重新编译:

babel src --watch --out-dir lib

在这个例子中,源代码目录为 src,编译后的目录是 lib。--watch 参数表示启用监听模式。

4. 插件和预设

使用 babel 命令行工具可以启用各种插件和预设,用于扩展编译器的功能。下面是一个例子:

babel --plugins my-plugin --presets=my-preset original.js -o compiled.js

在这个例子中,使用了 my-plugin 插件和 my-preset 预设,分别用于扩展编译器的功能。

总结

本篇文章介绍了在 Shell-Bash 中安装 babel 命令行工具的方法,以及一些常见的使用方式。babel 命令行工具可以帮助开发者在命令行中使用 babel 进行编译转换。