Buld ein eckiges2 Webpack-Produktionsprojekt ohne Quellcode auf dem Dist-Ordner

Question

Ich arbeite an einer Web-Anwendung mit Winkel 2 mit Typoskript und Winkel-Cli. Ich wollte einen Test auf dem Server machen, aber ich wollte den Quellcode nicht hochladen, dann habe ich den Befehl "ng build --prod" versucht. Ich sehe, dass die .map-Dateien noch im Ordner waren und ich löschte alle .map-Dateien und ich habe den Ordner auf dem Server hochgeladen. Als ich das Dev-Tool auf Chrome öffnete, sah ich den Quellcode mit TypeScript. Die Dateien, die ich nicht löschte, waren die .gz-Dateien. Meine Frage ist: Was ist der richtige Weg, um ein Produktionsprojekt ohne den Typoskript-Code mit Webpack zu erstellen?

Sorry, aber ich spreche kein Englisch gut. Und ich weiß nicht, ob ich meinen Kumpel korrekt beschreibe.

Ich möchte meinen TypeScript-Code für niemanden anzeigen, der den Entwicklermodus aktiviert.

Answer 1

Ich bin mir nicht sicher, was Sie meinen, "erstellen Sie ein Produktionsprojekt ohne den Typoskript-Code".

Wenn Sie ein Projekt mit ng build erstellen, kompiliert es das gesamte Typoskript in js und verkleinert es. Zum Beispiel, hier ist die Ausgabe von ng build für mich (beachten Sie, es gibt keine Typoskript Dateien hier):

Wie Sie bemerkt man auch die -prod verwenden können, die die Umwelt Produktionswert auf true setzt und gibt Ihnen einen etwas kleineren, optimierten Build. Wenn Sie Ihre App nur im Browser testen möchten, können Sie ng serve oder ng serve -prod verwenden.