tutorial page español cli body app javascript reactjs webpack ecmascript-6 create-react-app

javascript - page - webpack wikipedia



¿Dónde está la configuración y los archivos del paquete web create-react-app? (8)

Creo 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 la configuración con otros artículos, pero quiero encontrar los archivos de configuración convencionales.

De la documentation :

No necesita instalar o configurar herramientas como Webpack o Babel. Están preconfigurados y ocultos para que pueda centrarse en el código.

Si desea tener acceso a los archivos de configuración, debe eject ejecutando:

npm run eject

Nota: esta es una operación unidireccional. Una vez que expulsa, no puede volver!

En la mayoría de los escenarios, es mejor no expulsar y tratar de encontrar una manera de hacerlo funcionar de otra manera. De esa forma, puede actualizar sus dependencias a través de create-react-app y no tener que lidiar con el infierno de dependencias de Webpack.

Intente expulsar los archivos de configuración ejecutando:

npm run eject

entonces encontrarás una carpeta de configuración creada en tu proyecto. Encontrará los archivos de configuración de su paquete web init.

La configuración del paquete web está siendo manejada por react-scripts . Puede encontrar toda la configuración del paquete web dentro de node_modules react-scripts / config .

Y si desea personalizar la configuración de webpack, puede seguir este customize-webpack-config

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.

Puede encontrarlo dentro de la carpeta / config .

Cuando expulsa, recibe un mensaje como:

Adding /config/webpack.config.dev.js to the project Adding /config/webpack.config.prod.js to the project

Si desea encontrar archivos y configuraciones de paquetes web, vaya a su archivo package.json y busque secuencias de comandos

Encontrará que el objeto scripts está usando una biblioteca react-scripts

Ahora vaya a node_modules y busque la carpeta react-script-in-node-modules scripts react-script-in-node-modules

Esta carpeta react-scripts / scripts y react-scripts / config contiene todas las configuraciones del paquete web.

Suponiendo que no desea expulsar y solo desea ver la configuración, los encontrará en / node_modules / react-scripts / config webpack.config.dev.js. //used by `npm start` webpack.config.prod.js //used by `npm run build` webpack.config.dev.js. //used by `npm start` webpack.config.prod.js //used by `npm run build`