Repolode
Enviar
timarney

timarney/react-app-rewired

Un helper de config-overrides para personalizar webpack, Jest y el servidor de desarrollo de Create React App sin hacer eject.

Ver en GitHub
Estrellas
9,836
Forks
418
Issues abiertos
25
Último commit
el mes pasado

¿Qué es?

react-app-rewired permite modificar la configuración de webpack de un proyecto Create React App sin ejecutar eject ni crear un fork de react-scripts. Solo tienes que añadir un archivo config-overrides.js en la raíz del proyecto que exporte una función que reciba la configuración predeterminada de webpack y devuelva la versión modificada. Para añadir plugins, loaders u otros ajustes de compilación, basta con editar ese archivo.

Además de la configuración de webpack, el mismo archivo permite personalizar la configuración de Jest, la del servidor de desarrollo de webpack y las rutas que usa CRA. También puedes ampliar los ajustes de Jest mediante la sección jest de package.json y definir plugins de Babel para las pruebas en una sección babel o en .babelrc. Se admiten forks personalizados de react-scripts, como react-scripts-ts, mediante una opción de línea de comandos.

Usar esta herramienta implica renunciar a las garantías de soporte que normalmente ofrece Create React App, ya que tendrás que mantener por tu cuenta la configuración modificada. El proyecto indica que solo recibe mantenimiento ocasional y menciona alternativas como customize-cra, Rescripts y craco.

Funciones clave

  • 01Amplía la configuración predeterminada de webpack de CRA mediante una función en config-overrides.js.
  • 02Personaliza la configuración de Jest, incluida la configuración de Babel para las pruebas.
  • 03Modifica la configuración del servidor de desarrollo de webpack, por ejemplo, los certificados HTTPS.
  • 04Admite paquetes personalizados de react-scripts mediante una opción de línea de comandos.
  • 05Se puede usar con un directorio config-overrides o con una ruta de archivo personalizada.

Casos de uso

  • Añadir un plugin o loader personalizado de webpack a un proyecto Create React App sin hacer eject.
  • Configurar certificados HTTPS para el servidor de desarrollo de CRA.
  • Ajustar la configuración de Jest o los plugins de Babel para las pruebas de una aplicación CRA.

Inicio rápido

  1. 1

    Instala react-app-rewired como dependencia de desarrollo

    npm install react-app-rewired --save-dev
  2. 2

    Crea config-overrides.js en la raíz del proyecto y exporta una función override

  3. 3

    Cambia los scripts start, build y test de npm para que usen react-app-rewired en lugar de react-scripts

  4. 4

    Inicia el servidor de desarrollo

    npm start

Antes de usarlo

  • El proyecto recibe un mantenimiento limitado, principalmente por parte de la comunidad, y no ofrece asistencia.
  • Está diseñado para Create React App 2.x con Webpack 4; las versiones anteriores de CRA necesitan la versión 1.6.2 fijada.
  • Al personalizar la configuración, asumes la responsabilidad de mantenerla y puedes perder las garantías de CRA.

Temas

#react#webpack#create-react-app#config#jest#build-tool#eject#never

Preguntas frecuentes

¿Qué es react-app-rewired?
Un helper de config-overrides para personalizar webpack, Jest y el servidor de desarrollo de Create React App sin hacer eject. react-app-rewired permite modificar la configuración de webpack de un proyecto Create React App sin ejecutar eject ni crear un fork de react-scripts. Solo tienes que añadir un archivo config-overrides.js en la raíz del proyecto que exporte una función que reciba la configuración predeterminada de webpack y devuelva la versión modificada. Para añadir plugins, loaders u otros ajustes de compilación, basta con editar ese archivo.
¿react-app-rewired es gratuito? ¿Qué licencia tiene?
react-app-rewired es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿react-app-rewired sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de react-app-rewired fue el 3 oct 2026.
¿Para qué puedo usar react-app-rewired?
Añadir un plugin o loader personalizado de webpack a un proyecto Create React App sin hacer eject. Configurar certificados HTTPS para el servidor de desarrollo de CRA. Ajustar la configuración de Jest o los plugins de Babel para las pruebas de una aplicación CRA.
¿Cómo se instala react-app-rewired?
Instala react-app-rewired como dependencia de desarrollo: npm install react-app-rewired --save-dev Crea config-overrides.js en la raíz del proyecto y exporta una función override Cambia los scripts start, build y test de npm para que usen react-app-rewired en lugar de react-scripts Inicia el servidor de desarrollo: npm start
¿Dónde consigo react-app-rewired?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/timarney/react-app-rewired

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados