Wie wird Webpack ausgeführt, wenn ng build statt ng serve verwendet wird?

Question

Ich habe eine .NET-Webanwendung in IIS gehostet. Diese .NET-Webanwendung hostet eine Angular-Anwendung. Dies führt dazu, dass diese Anwendungen (.NET und Angular) von IIS auf demselben Port bedient werden. Sie müssen auf demselben Port bedient werden, da sie den gleichen Sitzungscookie verwenden. Auch sie sind Teil der gleichen CI/CD-Pipeline und es gibt andere Gründe.

Allerdings verursacht dies, dass ich nicht typoskript debuggen kann, nur Javascript ist verfügbar, durch Chrom, wie ich nicht webpack in den Quellen verfügbar habe (ich habe die Quellkarten). Der Grund dafür ist, dass ich ng build anstelle von ng serve verwende, um meine App zu erstellen. Wenn ich ng serve verwende, wird die Angular-App auf einem anderen Port bedient und ich habe alle Typoskript-Quellen im Verzeichnis webpack in den Quellen in den Entwicklerwerkzeugen. Allerdings kann ich die Angular App nicht verwenden, da ich den Cookie für diesen Port nicht erhalten kann.

Frage: Welchen Befehl verwenden, wenn ng build zu verwenden Webpack verwenden, um meine Quellen zu bündeln, um TypeScript zu debuggen?

Answer 1

ng build --dev können, ohne Skripte zu bauen helfen minimierte

Answer 2

Hoffe, dass Sie nicht weit mit Ihrem Projekt sind. Diese

https://angular.io/generated/zips/webpack/webpack.zip

ist ein Starter-Angular-App mit webpack. Wenn hit npm run build wird eine dist mit allen Dateien, die Sie benötigen. Anschließend kopieren Sie diese Dateien an den Speicherort des Ordners Ihrer IIS-Website.

Wenn Sie Webpack auf ein aktuelles Projekt hinzufügen, ist das Glück sehr eng und kann viele Tage kosten, um es laufen zu lassen.

Beachten Sie auch, dass IIS Konflikte mit der Basis href von eckigen "/" geben wird. Es gibt einen Leitfaden auf Google, um es zu beheben.

Answer 3

Wenn Sie neue Winkel cli Projekt erstellen und dann tun ng eject, Ihre webpack Konfigurationsdatei auf Ihrer Lösung erscheint und Ihre package.json Datei scripts Befehl ändert sich wie folgt:

ng serve =>wepack-dev-server, ng build =>wepack

so der eigentliche Befehl, der angular cli Anruf ist wepack, die Ihre Anwendung auf dem Ordner dist bündeln wird.