babel.config.js 配置

babel.config.js是Babel的配置文件，用于配置Babel在项目中的转译规则和插件。通过配置babel.config.js文件，可以自定义Babel的转译行为，以满足项目的需求。

以下是一个babel.config.js配置文件的示例：

module.exports = {
  presets: [
    '@babel/preset-env',
    '@babel/preset-react',
  ],
  plugins: [
    '@babel/plugin-proposal-class-properties',
    '@babel/plugin-transform-runtime',
  ],
};

在上述示例中，我们使用了两个预设（preset）和两个插件（plugin）来配置Babel。

预设（preset）是一组预定义的转译规则的集合。在示例中，我们使用了`@babel/preset-env`预设来根据目标环境自动选择需要的转译规则，以及`@babel/preset-react`预设来支持React的转译规则。

插件（plugin）是单个的转译规则或功能扩展。在示例中，我们使用了`@babel/plugin-proposal-class-properties`插件来支持类属性的转译，以及`@babel/plugin-transform-runtime`插件来避免重复引入Babel的辅助函数。

通过在babel.config.js文件中添加或修改预设和插件，可以根据项目的需要进行自定义配置。