TypeScript捆绑和缩小？

Question

假设我有两个文件

AFile.ts

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

ZFile.ts

class Z 
{ 
    Foo() { } 
} 

有没有一种方法来生成一个js文件中的顺序所有脚本它需要（需要ZFile之前AFile得到Z）的定义？

Answer 1

现在VS打字稿扩展支持合并到一个文件中。
请确保您已经安装了扩展Tools -> Extensions and Updates（VS2015默认有它）

转到项目属性，并检查Combine JavaScript output into file：

重要的是要有/// <reference />（如问题），它可以帮助tsc在合并之前通过依赖关系排序文件。

---

那么对于最小化束可以照常使用：

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

，并鉴于

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

Answer 2

使用--out参数。

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

打字稿编译器会自动为您做相关性导航。

Answer 3

在生成后事件我添加了一个调用TypeScript编译

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

在我加入

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

在_Layout.cshtml文件我加

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

而且同捆配置我得到了

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

这是我所有的脚本在一个单一的文件。

---

编译器不会再压缩，你必须使用包和汇编发布或设置

BundleTable.EnableOptimizations = true; 

您还可以再压缩使用Web要点或抓住内容和minifing别处。

Answer 4

假设所有的ts文件都直接或间接地位于名为say'ts'的文件夹下，您可以编写一个将所有.js文件（但不是min.js）合并到文件myApp.js和所有文件你的min.js文件放入myApp.min.js。

要获得你可以这样处理子文件的顺序：

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