Entonces, desarrollé una pequeña aplicación React usando create-react-app. (Siempre he hecho aplicaciones desde cero.)
Luego, después de estar contento con eso, decidí ejecutar npm run build para hacer una compilación de producción optimizada.
¿Puede alguien decirme cómo puedo ejecutar la compilación de producción en lugar de la compilación Dev?
Cuando ejecuta npm run build , su consola debería decir algo como lo siguiente
The build folder is ready to be deployed. You may serve it with a static server: npm install -g serve serve -s buildEl script de compilación está compilando toda su aplicación en la carpeta de compilación, lista para servir de forma estática. Sin embargo, servirlo realmente requiere algún tipo de servidor de archivos estático, como el que proponen.
Después de ejecutar el comando serve -s build , puede acceder a su compilación de producción en localhost (en el puerto especificado).
Por supuesto, puede ejecutar cualquier servidor de archivos estáticos que desee, generalmente uso Express para esto, sin embargo, serve parece ser la opción más fácil para servir sus archivos estáticos con un solo comando.
Navegue dentro del directorio de su aplicación primero.
De acuerdo con el sitio web oficial de crear-reaccionar-aplicación. Cuando ejecuta npm run build , crea un directorio de build con una compilación de producción de su aplicación.
Después de ejecutar el comando anterior, lo siguiente que puede hacer para verificar la versión de compilación de su aplicación es instalar el servidor para serve su sitio de estado en el puerto 5000 de forma predeterminada.
npm install -g serve serve -s buildEsto copiará el enlace a su portapapeles que puede pegar en su navegador y ver la versión de compilación de su aplicación.
También puede usar la herramienta "servir", usando "npx". en este caso no es necesario instalarlo globalmente.
npx serve -s build