TypScript-Bündelung und Minification?

Question

Angenommen, ich habe zwei Dateien

AFile.ts

/// <reference path="ZFile.ts" /> 
new Z().Foo(); 

ZFile.ts

class Z 
{ 
    Foo() { } 
} 

Gibt es eine Möglichkeit, alle Skripte in einer einzigen js Datei in der Reihenfolge zu erzeugen, es erfordert (benötigt ZFile vor AFile, um die Definition von Z) zu erhalten?

Answer 1

Jetzt VS Typoskript Erweiterung unterstützt in einer Datei zusammenführen.
Vergewissern Sie sich, dass Sie die Erweiterung installiert haben Tools -> Extensions and Updates (VS2015 es hat in der Standardeinstellung)

Gehen Sie zu den Projekteigenschaften und überprüfen Combine JavaScript output into file:

Wichtige /// <reference /> (wie in Frage zu haben,), hilft es tsc Dateien vor der Zusammenführung nach Abhängigkeiten zu ordnen.

---

Dann zur Minimierung Bündel kann wie gewohnt verwendet werden:

bundles.Add(new ScriptBundle("~/bundles/finale").Include("~/js/all.js")); 

und im Hinblick

@Scripts.Render("~/bundles/finale") 

Answer 2

Verwenden Sie den Parameter --out.

tsc AFile.ts ZFile.ts --out single.js 

Der Typescript-Compiler führt automatisch die Abhängigkeitsnavigation für Sie durch.

Answer 3

In der Postbuild Ereignisse habe ich einen Aufruf an TypeScript Compiler

tsc "..\Content\Scripts\Start.ts" --out "..\Content\Scripts\all.js" 

Im Bündelkonfiguration I

bundles.Add(new ScriptBundle("~/scripts/all").Include("~/Content/Scripts/all.js")); 

Auf der _Layout.cshtml Datei hinzugefügt I

@Scripts.Render("~/Scripts/all") 

gegeben und mit dass ich

bekommen habe

<script src="/Scripts/all?v=vsTcwLvB3b7F7Kv9GO8..."></script> 

Das ist alles mein Skript in einer einzigen Datei.

---

Der Compiler nicht funktioniert minify, müssen Sie Bundles verwenden und auf Freigabe kompilieren oder

BundleTable.EnableOptimizations = true; 

Sie können auch sonst minify mit Web Essentials-oder greifen den Inhalt und minifing irgendwo gesetzt.

Answer 4

Angenommen, alle Ihre ts-Dateien befinden sich direkt oder indirekt in einem Ordner namens say 'ts' könnten Sie ein tt-Skript schreiben, das alle .js-Dateien (aber nicht min.js) in eine Datei myApp.js und alle zusammenführt Ihrer min.js-Dateien in myApp.min.js.

Um die Reihenfolge der Dateien erhalten Sie somit Unterordner verarbeiten konnte:

string[] FolderOrder = 
{ 
    @"libs\utils\", 
    @"libs\controls\", 
    @"app\models", 
    @"app\viewmodels", 
    @".", 
};