Acabo de empezar a usar reaccionar y estoy un poco confundido, entiendo que para ejecutar el servidor escribimos el comando:
npm run start(react-scripts start)
pero ¿cuál es el uso de npm run build (react-scripts build)?
de esta respuesta , entiendo que se usa para reducir el tamaño de la aplicación web, pero ¿cómo uso esa build/ carpeta?
npm run start probablemente no debería usarse en producción. Es sólo para el desarrollo local.
Cuando genera la carpeta de compilación con npm run build , eso es lo que debe usarse en producción, pero de alguna manera debe servirlo en un navegador.
Si tiene una aplicación de reacción sin ninguna llamada de API... entonces probablemente pueda ejecutarla localmente haciendo doble clic en index.html . Lo verá ejecutándose en su navegador servido desde el sistema de archivos local. Sin embargo, no creo que le permita buscar, por lo que si tiene alguna búsqueda, su proyecto probablemente se verá roto.
Algunas opciones para verlo funcionar localmente son:
si tiene Python instalado, entonces hay un servidor web estático integrado:
cd build python3 -m http.server 8888y luego vaya a http://localhost:8888/index.html con su navegador. Así es como siempre lo hago porque no necesito instalar ningún paquete.
Si no tiene python y desea hacerlo con un nodo, puede verlo con este paquete npm, por ejemplo: https://www.npmjs.com/package/http-server
npm install --save http-serversi agrega este script a package.json
"prod-server": "http-server build -p 8888",y luego, después de construir, puede iniciar su servidor de nodo de esta manera
npm run prod-servery luego puede abrir http://localhost:8888/index.html en su navegador y ver qué hay en ese directorio
Otra cosa que puede hacer para ver esa versión de producción en acción localmente, y tener una idea de lo que le sucederá cuando se implemente de verdad, es seguir las instrucciones para configurar un servidor http de apache. Es posible que ya tenga uno, o busque a quién configurar una pila "LÁMPARA" local aunque solo necesite la parte "A" de eso. Y luego simplemente arrastre el contenido del directorio de build a su directorio público apache http y ábralo como lo haría con cualquier otro archivo.
Para mostrarlo públicamente, dado que es estático, también puede implementarlo en páginas de github, o en un "cdn", o cualquier otro servidor web que pueda servir archivos estáticos, ya que los archivos allí solo deben ejecutarse en su navegador