2

Ich habe meine app kompiliert über erstellen reagieren App: yarn build//code is minified and obfuscated as expectedfirebase deploy von create react app macht alle js code in der source tab verfügbar?

ich dann die App sowohl über firebase serve und firebase deploy bereitgestellt haben.

mein firebase.json:

{ 
    "database": { 
    "rules": "database.rules.json" 
    }, 
    "hosting": { 
    "public": "build", 
    "rewrites": [ 
     { 
     "source": "**", 
     "destination": "/index.html" 
     } 
    ] 
    } 
} 

Alle entfaltet wird "fast wie erwartet", mit 2 Einschränkungen:

  1. innerhalb Chrome-Entwickler-Tools/Quellen Registerkarte Codebasis meine gesamte js aufgeführt mit keine Minification und/oder Verschleierung!
  2. meine Schriften als der Medienordner muß nicht

enter image description here

Die Struktur sieht nichts, wie die Build-Ordner, die die Medien enthält ... (notwendig für Fonts) werden nicht zu übertragen scheinen im Einsatz:

enter image description here

Bin ich Einstellung falsch etwas nach oben, den falschen Ordner zu ignorieren oder möglicherweise nicht etwas Bereitstellung ich sein sollte? Den gesamten js-Stapel unminifiziert und ohne jegliche Verschleierung freizulegen, erscheint sehr "unsicher" ...

Wiederum und wie immer wird jede Richtung sehr geschätzt!

+1

Sie haben Firebase-Hosting so konfiguriert, dass das, was sich in Ihrem 'build'-Verzeichnis befindet, bereitgestellt wird. Es scheint also so, als ob Ihr roher Quellcode in diesem Verzeichnis gelandet ist. Wie das passiert, hat nichts mit Firebase zu tun, aber angesichts der ersten Zeile des "create-react-app" -Tags scheint es ein erwartetes Verhalten zu sein: "create-react-app ist ein Starter-Kit zum Erstellen von React-Apps mit Nein Konfiguration erstellen. " –

+0

Danke für die Antwort! Ich würde dem zustimmen und es sieht so aus, als würde genau das passieren, aber dieser Build-Ordner ist was erzeugt wird und hat keinen rohen Quellcode (zumindest so wie ich es in meiner Idee sehe) ... Ich werde weiter untersuchen in diesem Build-Verzeichnis, aber etwas scheint ein Miss ... Die create react App baut für die Produktion out of the box, hat aber eine Auswurf-Funktion, um Webpack zu konfigurieren, wie Sie es für richtig halten. Ich habe versucht, die Konfiguration von Webpack zu vermeiden, bis es absolut notwendig war. Ich hoffe, dass dieser Tag heute nicht ist! – studiobrain

+0

Ich kann bestätigen, dass das Ausführen des Builds über den lokalen Server 'serve -s build' alle Quelldateien enthält, so dass Firebase absolut ausgeschlossen ist. Irgendwelche 'create-react-app' gucken Wana-Gong ein? – studiobrain

Antwort

2

nachdrücklich raten die create-reagieren-App Github Diskussion here über diese Angelegenheit zu beziehen, sondern als eine schnelle Abhilfe können Sie Folgendes zu Ihrem package.json Skripte hinzufügen:

"scripts": { 
    ... 
    "build": "npm run build-css && react-scripts build && yarn run delete-maps", 
    "delete-maps": "rm ./build/static/js/*.map && rm ./build/static/css/*.map", 
    ... 
} 

Dies wird jedoch in den Kurzer Lauf Entfernen Sie Ihren gesamten Quellcode aus der Registerkarte "Quelle" in den Entwicklertools ...

Verwandte Themen