为什么Babel7没有编译node_modules文件？

当我们在使用Babel 7时，通常不会编译node_modules文件夹中的内容，这背后有几个原因：

1. 性能考虑: node_modules文件夹通常包含了大量的文件。如果Babel尝试编译这些文件，这将极大地增加构建过程的时间。对于大多数项目来说，这种额外的编译时间是不划算的。

2. 依赖包的ES5兼容性: 绝大多数在NPM上发布的库都已经被预编译为兼容ES5的代码。这意味着它们已经可以在大多数现代浏览器中运行而无需进一步转换。这样做的主要目的是确保库的广泛兼容性，同时减轻最终用户（开发者）的配置负担。

3. 避免重复编译: 如果每个项目都编译其node_modules中的依赖，每个依赖就会被多次编译，这不仅浪费计算资源，而且可能导致错误和不一致的行为。

4. 配置复杂性: 让Babel处理node_modules中的代码可能需要复杂的配置，特别是当涉及到不同工具和转译设置时。以默认方式忽略这些文件可以简化项目的Babel配置。

实例说明

假设我们在开发一个使用React的前端应用。大部分的React组件库，例如material-ui或react-bootstrap，都已经被编译成ES5代码，因此它们可以直接在我们的应用中使用而无需再次被Babel编译。如果Babel重新编译这些库，不仅增加了构建时间，还可能引入由于不同Babel版本或插件配置所导致的编译差异。

总结

因此，一般推荐在Babel的配置中排除node_modules目录。这样做不仅可以提高构建性能，还可以避免不必要的编译问题和配置复杂性。当然，如果有特殊需求，比如需要编译某个特定的未转译ES6模块，可以通过具体配置对特定依赖进行编译。