Ich bin verwirrt darüber, was TypeScript-Dateien für mich kompilieren und wann:
Wo sollten TypScript-Dateien platziert werden:
..\app\*.ts ..\wwwroot\app\*.ts Wie man TypScript-Kompilierung super-schnell macht und die automatische Aktualisierung oder automatische Bereitstellung mit sofortiger Wirkung im Browser erhält?
Was passiert auf Build Server wie TeamCity?
PS: gilt auch für weniger?
In meinem Lieblingsprojekt verwende ich gulp zum Erstellen von .less an .ts -Dateien. Es funktioniert so:
Die erste Aufgabe erstellt Typoskript-Dateien mit dem Hinzufügen von Quellkarten und kopiert das Ergebnis in den wwwroot -Ordner. Der zweite erstellt vollständig den gesamten clientseitigen Code - ich beschreibe nicht alle diese Aufgaben, sie sind gleich.
Für eine komfortable Entwicklung verwende ich watch mechanism, also ist es ziemlich einfach:
Und jetzt wird die Typoskriptdatei bei allen Änderungen neu kompiliert.
Zum Hinzufügen von Dateien zu HTML verwende ich diesen Ansatz
%Vor% Hinweis zu asp-append-version - das verhindert das Zwischenspeichern im Browser.
Abschließend können Sie überglupierte, minimierte Skript- und Stildateien für die Produktkonfiguration erstellen und Thay auf der Seite in <environment names="Production"> tag einfügen.
Also, es ist sehr angenehm für mich. Ich habe build und watch Aufgaben im Projekt geöffnet und kümmere mich nicht darum, Skripte und Stile zu kompilieren.
Normalerweise kann Visual Studio .ts zu .js im Projekt kompilieren, wenn die ts-Datei gespeichert wird.
Sie können TypeScript an beiden Stellen platzieren.
Wenn Sie ..\app\*.ts wählen, müssen Sie gulp verwenden, um js in wwwroot zu speichern.
Und Sie müssen möglicherweise gle, ts-Datei in der Entwicklung zu sehen, damit es automatisch aktualisiert werden kann.
Wenn Sie ..\wwwroot\app\*.ts wählen, kann js im Browser automatisch aktualisieren. Aber Benutzer können auch Ihre ts-Datei erhalten, wenn sie wollen.
TeamCity kann keine ts kompilieren, es sei denn, Sie werden explizit mit tsc kompiliert.
Im Moment verstehe ich, dass die VisualStudio-Vorlagen keine Post-Build-Anweisungen in der xproj enthalten, um die Kompilierung von Typoskripten durchzuführen. Obwohl sich dies wahrscheinlich in den Werkzeugen ändern wird, wenn es aus der Vorschau kommt.
In meinem aktuellen Setup verlasse ich mich auf das npm typescript-Paket und einen Schluck-Task, um sowohl die .js-Ausgabe als auch die Quellkarten für meine Typoskript-Projekte zu erstellen.
Ich habe unter meiner wwwroot / app
einen Ordner mit allen meinen Textquellen erhalten %Vor% my gulp Aufgabe zum Erstellen von Javascript und Quellkarten:
Last but not least benutze ich Typings, um Typoskript-Definitionen abzurufen.
Wenn Sie eine komplette Frontend-Story zum Erstellen von Skripts erhalten (weniger enthalten). Dann kann ein Build-Server Ihre npm-Abhängigkeiten wiederherstellen und Ihre Schluckaufgaben ausführen, um Ihren Frontend-Code zu erstellen. Gleiches gilt für Visualstuio-Online-Build-Aufgaben.
Tags und Links visual-studio typescript asp.net-core gulp web-essentials