0
362
VistasJavaScript Reaccionar ocultando archivos de origen en la pestaña de fuentes
Recientemente desarrollé un sitio web, es NodeJs (en Ubuntu) y ejecuto una aplicación React. El problema está, por ejemplo, en Chrome; cuando hace clic derecho en el sitio web y verifica las fuentes, puede ver los códigos fuente y todos los archivos. Quiero ocultarlos a todos.
En esta sección, quiero ocultar los códigos fuente (archivos) en el servidor. 
Probé un par de soluciones en Internet, pero ninguna funcionó.
Por ejemplo,
Agregué "build": "GENERATE_SOURCEMAP=false react-scripts build", en package.json y luego pm2 reload (también yarn build, etc.)
Creé un archivo llamado .env y agregué esta línea GENERATE_SOURCEMAP=false en él.
Ninguno de ellos ha funcionado. Mi sitio web está actualmente activo en este momento y quiero ocultar los archivos fuente, ¿cómo puedo ocultar estos archivos fuente de la pestaña de fuentes para que las personas no puedan ver los códigos fuente?
1 Respuestas
Responde la pregunta0
Después de una larga investigación, he encontrado la solución.
- Cree un archivo llamado
.enven su proyecto. El nombre del archivo es simplemente.env. - En ese archivo
.env, coloque esta líneaGENERATE_SOURCEMAP=falsey guarde. - Luego, ejecute
npm run buildoyarn build. - Esto generará una carpeta de
buildpara producción. Después de eso, depende de lo que esté usando, ejecute este archivo de compilación para ejecutar el sitio web. Por ejemplo, estoy usandopm2en mi servidor Ubuntu, así que he usadopm2 serve build 3000 --spa(mi sitio web se ejecuta en el puerto 3000) También tenga cuidado de estar en la misma ruta con la carpeta debuild.
Eso es todo Ahora todos los archivos de código fuente se han ido y el sitio web funciona a la perfección.