config-overrides

config-overrides是一个用于修改Create React App (CRA)配置的文件。它允许你在不eject（暴露配置）的情况下，对CRA的默认配置进行自定义。通过config-overrides文件，你可以添加、删除和修改CRA的Webpack配置。

你可以使用config-overrides来修改webpack配置、添加自定义loader和plugin、修改babel配置等。这样可以更灵活地定制CRA项目的构建过程，满足特定的需求。

在使用config-overrides之前，你需要安装customize-cra这个包。然后，在项目根目录下创建一个config-overrides.js文件，并在其中编写相应的配置。

例如，你可以使用config-overrides来修改webpack配置，如下所示：

const path = require('path');

module.exports = function override(config, env) {
  // 修改output路径
  config.output.path = path.join(__dirname, 'dist');

  // 添加一个自定义loader
  config.module.rules.push({
    test: /\.txt$/,
    use: 'raw-loader'
  });

  // 修改babel配置，支持装饰器语法
  config = injectBabelPlugin(
    ['@babel/plugin-proposal-decorators', { legacy: true }],
    config
  );

  return config;
};

以上示例中，我们修改了output的路径为项目根目录下的dist文件夹，并添加了一个处理txt文件的自定义loader。同时，我们还通过injectBabelPlugin函数将装饰器语法支持添加到了babel配置中。

这只是config-overrides的一个简单示例，你可以根据具体需求进行配置。使用config-overrides可以轻松地对Create React App进行个性化定制，而无需eject项目。