前端开发者在使用 Babel 进行代码编译时，经常会遇到一些不需要编译的文件或模块，比如 node_modules 中的依赖库，或者开发者自己编写的一些公共代码。这些不需要编译的代码会导致编译时间变长，也会占用不必要的系统资源。
那么，如何在使用 Babel 进行编译时跳过不需要编译的文件呢？本文将为大家详细介绍 Babel 跳过文件的方法，包括配置文件和命令行选项两种方式。
配置文件方式
在 Babel 的配置文件中，可以通过配置 ignore 选项来跳过指定的文件或文件夹。具体的配置方法如下：
.babelrc 配置文件：
{
"ignore": ["node_modules/**"]
}以上配置中，"ignore" 选项表示要忽略的文件，支持 glob 语法。在本例中，所有位于 node_modules 文件夹下的文件都会被忽略，不会进行编译。大家也可以根据自己的需求进行灵活配置。
命令行选项方式
在使用 Babel 进行编译时，通过传递命令行参数可以快速跳过不需要编译的文件。具体的命令行选项如下：
babel src --ignore node_modules --out-dir lib
以上命令中，在 src 目录下的文件会被编译成 ES5 代码，并输出到 lib 目录下，而 node_modules 目录下的文件则会被忽略，不进行编译。
示例代码
为了更好地说明 Babel 跳过文件的方法，下面我们来编写一个简单的示例，演示如何跳过不需要编译的文件：
src/index.js 文件：
import { sum } from './math';
console.log(sum(1, 2));src/math.js 文件：
export const sum = (a, b) => a + b; export const multiply = (a, b) => a * b;
.babelrc 配置文件：
{
"presets": ["@babel/preset-env"],
"ignore": ["node_modules/**"]
}以上示例代码中，src/index.js 文件引入了 src/math.js 中的 sum 函数，并将其打印输出。math.js 文件中定义了 sum 和 multiply 两个函数。
在编译时，我们希望只编译 src/index.js 文件，并且要忽略 node_modules 中的依赖。因此，我们可以使用以下命令进行编译：
babel src/index.js --out-file lib/index.js --ignore node_modules
以上命令中，--ignore 选项设置为 "node_modules"，表示要忽略的文件夹。执行上述命令后，Babel 会将 src/index.js 文件编译成 ES5 代码，并输出到 lib/index.js 文件中。而 src/math.js 文件则会被忽略，不进行编译。
总结
总的来说，通过 Babel 的配置文件或命令行选项，可以方便地跳过不需要编译的文件，提高编译效率。在实际开发中，我们应该根据实际情况进行灵活配置，以达到最好的编译效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648270c348841e98941d9134