web-dev-qa-db-fra.com

Comment désactiver les cartes source pour React JS Application

Ma structure de dossier de réaction est comme ci-dessous

enter image description here

Je n'ai pas utilisé la version de create-react-app. J'ai essayé d'utiliser GENERATE_SOURCEMAP=false. Mais cela n'a pas fonctionné.

Où puis-je trouver les fichiers .map. Comment puis-je supprimer ces fichiers?

Je ne trouve pas de dossier de construction. J'ai essayé d'utiliser le script ci-dessous mais cela ne peut pas fonctionner pour supprimer les cartes sources

 "scripts": {

    "start": "react-scripts start",
   "build": "GENERATE_SOURCEMAP=false && npm run build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
node.jsreactjssource-maps
17
Bharath Pabba

il suffit de supprimer &&

"scripts": {    
    "start": "react-scripts start",
    "build": "GENERATE_SOURCEMAP=false npm run build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
7
Kyaw Kyaw Soe

Vous devez créer un .env fichier dans votre répertoire racine (même dossier que package.json) Et mettre GENERATE_SOURCEMAP=false sur une seule ligne.

pour des configurations supplémentaires, vous pouvez vous référer à la documentation ici: https://facebook.github.io/create-react-app/docs/advanced-configuration

1
jsnewbie

Cela fonctionne pour moi. J'espère que cela aide n'importe qui.

// package.json

"build": "react-scripts build",
"postbuild": "rimraf build/**/*.map"

De cette façon, il supprimera automatiquement les fichiers de carte lors de la génération de build.

1
Krupal Patel

Solution pour éjecter create-react-app v2.1.3.

Accédez au répertoire /config/webpack.config.js et modifiez la ligne suivante:

const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';

À:

const shouldUseSourceMap = false;

Et Bob est ton oncle.

0
Lucas Oliveira Silva

Après une longue lutte, rien n'a fonctionné. Enfin, ce qui a fonctionné pour moi, c'est de changer sourcemap: false dans webpack.config.prod.js à l'intérieur de nodemodules/react-script/config j'espère que cela fonctionnera aussi pour vous.

0
Kunal Burangi