Facebook proporciona un comando create-react-app para crear aplicaciones de reacción. Cuando ejecutamos npm run build , vemos la salida en la carpeta /build .
compilación de ejecución de npm
Crea la aplicación para la producción en la carpeta de compilación. Empaqueta correctamente React en modo de producción y optimiza la compilación para obtener el mejor rendimiento.
La compilación se minimiza y los nombres de archivo incluyen los hashes. ¡Tu aplicación está lista para ser implementada!
¿Cómo podemos usar una carpeta personalizada en lugar de /build para la salida? Gracias.
Edite su paquete.json:
"build": "react-scripts build && mv build webapp"Con react-scripts >= 4.0.2 , esto es oficialmente compatible :
De forma predeterminada, Create React App generará activos compilados en un directorio
/buildadyacente a/src. Puede usar esta variable para especificar una nueva ruta para que Create React App genere recursos.BUILD_PATHdebe especificarse como una ruta relativa a la raíz de su proyecto.
// package.json "scripts": { "build": "BUILD_PATH='./dist' react-scripts build", // ... },o agregando un archivo .env a la raíz de su proyecto:
# .env BUILD_PATH='./dist' Precaución : la ruta especificada en BUILD_PATH se borrará sin piedad. Vuelva a verificar que su variable de entorno esté especificada correctamente, especialmente cuando use integración continua.
Crear-reaccionar-aplicación Versión 2+ respuesta
Para versiones recientes (> v2) de create-react-app (y posiblemente más antiguas también), agregue la siguiente línea a su paquete.json, luego reconstruya.
"homepage": "./" Ahora debería ver que build/index.html tendrá enlaces relativos ./static/... en lugar de enlaces a la raíz del servidor: /static/... .