Desarrollé una aplicación React ficticia usando create-react-app .
Sé que cuando npm run build una compilación y hay archivos de map incluidos en la compilación. El archivo de mapa se asigna entre el archivo JavaScript transpilado y el archivo fuente original.
Así que intenté borrar el archivo del map y no funcionó. Además, siento que este no es el camino correcto. Así que quería saber cómo ocultar el código del navegador en Dev Server.
Intenté usar el package.json con GENERATE_SOURCEMAP=false , pero aún así no funcionó.
Para GENERATE_SOURCEMAP=false , puede intentar crear un archivo .env y colocarlo allí o puede intentar ejecutar GENERATE_SOURCEMAP=false npm start o GENERATE_SOURCEMAP=false npm run build
Cree un archivo .env.production en el directorio de su proyecto (donde se encuentra package.json).
Luego pon ahí:
GENERATE_SOURCEMAP=TRUE Otra forma es el archivo package.json :
scripts: { "build": "GENERATE_SOURCEMAP=false react-scripts build" }Y tercero es un uso de línea de comando:
GENERATE_SOURCEMAP=false react-scripts buildRecomiendo usar el archivo .env.production.
GENERATE_SOURCEMAP=false esto ocultará su código en el navegador
"build": "GENERATE_SOURCEMAP=false env-cmd -f .env.production react-scripts build", para producción, use el nombre env .env.production
para desarrollo, use el nombre .env.development y el comando para ejecutar build npm run build:dev
"build:dev": "GENERATE_SOURCEMAP=false env-cmd -f .env.development react-scripts build",env para todos los entornos o no tiene env , elimine .env.production y .env.development del script