Core Override Functions

/**
 * Composes multiple customizer functions using lodash.flow
 * Filters out falsy values to allow conditional customizers
 * @param {...Function} plugins - Customizer functions to apply in sequence
 * @returns {Function} Composed configuration function that takes webpack config and returns modified config
 */
function override(...plugins);

const { override, addDecoratorsLegacy, disableEsLint } = require("customize-cra");

// Basic composition
module.exports = override(
  addDecoratorsLegacy(),
  disableEsLint()
);

// Conditional customizers (falsy values are filtered out)
module.exports = override(
  addDecoratorsLegacy(),
  process.env.NODE_ENV === 'development' && disableEsLint(),
  process.env.ANALYZE && addBundleVisualizer()
);

/**
 * Compose customizers for webpack-dev-server configuration
 * Returns a function that wraps the original dev server config function
 * @param {...Function} plugins - Dev server customizer functions to apply
 * @returns {Function} Dev server configuration function that accepts (proxy, allowedHost) parameters
 */
function overrideDevServer(...plugins);

const { override, overrideDevServer, watchAll } = require("customize-cra");

// Separate webpack and dev server configurations
module.exports = {
  webpack: override(
    // webpack customizers
    disableEsLint()
  ),
  devServer: overrideDevServer(
    // dev server customizers  
    watchAll()
  )
};

// Multiple dev server customizers
module.exports = {
  webpack: override(/* webpack config */),
  devServer: overrideDevServer(
    watchAll(),
    // additional dev server customizers would go here
  )
};