Saltar al contenido

react.js – ejecutando npm run build con rutas personalizadas

Después de tanto batallar hemos dado con la solución de este rompecabezas que tantos lectores de este sitio web tienen. Si quieres aportar alguna información puedes dejar tu comentario.

Solución:

Puede establecer una ruta raíz para servir su aplicación React en producción utilizando cualquiera de estos dos métodos:

1. Al establecer una propiedad de página de inicio en su paquete.json expediente

Observe la línea 5:


  "name": "reactTest",
  "version": "0.1.0",
  "private": true,
  "homepage": "mywebsite/web",
  "dependencies": 
    "jquery": "^3.3.1",
    "moment": "^2.22.1",
    "react": "^16.4.1",
    "react-datepicker": "^1.5.0",
    "react-dom": "^16.4.1",
    "react-month-picker": "^1.3.7",
    "react-scripts": "1.1.4"
  ,
  "scripts": 
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  

(ver documentación)

2. Usando la variable de entorno PUBLIC_URL

Al ejecutar el construir trabajo, agregue el env var justo antes de él, así:

PUBLIC_URL=mywebsite/web npm run build

(ver documentación)

¿Qué hace?

Estos métodos no cambie las rutas en los archivos de mapas de origen, siempre serán relativas, pero voluntad le permite implementar su aplicación React en su servidor web con una ruta absoluta de su elección.

Dará como resultado las rutas que incluyen los paquetes de JavaScript y CSS en el generado índice.html ser absoluto, de acuerdo con el valor que haya establecido:





    
    
    
    
    
    React App
    



    
    

Comentarios y puntuaciones

Nos puedes añadir valor a nuestra información dando tu experiencia en las críticas.

¡Haz clic para puntuar esta entrada!
(Votos: 1 Promedio: 5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *