Creé un proyecto ReactJS con el paquete create-react-app
y funcionó bien, pero no puedo encontrar archivos y configuraciones de paquetes web.
¿Cómo funciona react-create-app con webpack? ¿Dónde se encuentran los archivos de configuración del paquete web en una instalación predeterminada con create-react-app
? No puedo encontrar archivos de configuración en las carpetas de mi proyecto.
No he creado un archivo de configuración de anulación. Puedo administrar los ajustes de configuración con otros artículos, pero quiero encontrar los archivos de configuración convencionales.
Si desea encontrar archivos y configuraciones de paquetes web, vaya a su archivo package.json y busque scripts
Encontrará que el objeto scripts está usando una biblioteca react-scripts
Ahora ve a node_modules y busca la carpeta react-scripts react-script-in-node-modules
Esta carpeta react-scripts/scripts y react-scripts/config contiene todas las configuraciones del paquete web.
Los archivos se encuentran en su carpeta node_modules/react-scripts
:
Configuración del paquete web:
Guión de inicio:
https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/start.js
Guión de construcción:
https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/build.js
Guión de prueba:
https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/test.js
y así ...
Ahora, el propósito de CRA es no preocuparse por estos.
De la documentación :
No necesitas instalar o configurar herramientas como Webpack o Babel. Están preconfigurados y ocultos para que pueda concentrarse en el código.
Si desea tener acceso a los archivos de configuración, debe expulsar ejecutando:
npm run eject
Nota: esta es una operación unidireccional. ¡Una vez que expulsas, no puedes volver atrás!
En la mayoría de los escenarios, es mejor no expulsar y tratar de encontrar una manera de que funcione para usted de otra manera.
Si necesita anular algunas de las opciones de configuración, puede consultar https://github.com/gsoft-inc/craco
Mucha gente viene a esta página con el objetivo de encontrar la configuración y los archivos del paquete web para agregarles su propia configuración. Otra forma de lograr esto sin ejecutar npm run eject
es usar react-app-rewired . Esto le permite sobrescribir el archivo de configuración de su paquete web sin expulsarlo.