TypeScript将所有ts文件编译为WebStorm 7中的单个JavaScript文件

Question

我的项目中有很多.ts文件。 WebStorm将每个.ts文件构建为js文件。但我不想那样。

我有一个app.ts文件，所有其他的.ts文件都将在该app.ts文件中构建。我怎么能在WebStorm 7中做到这一点？

在CLI模式下有一个解决方案，但我如何在WebStorm中实现它？

 tsc --out app.js main.ts app.ts a.ts b.ts

或者有更好的方法吗？

ANSWER

刚刚在编辑观察者的参数部分添加了这一行

--sourcemap $FileName$ --out your-main.js

Answer 1

您可以在Typescript文件观察器参数中指定--out选项，并且，如果启用了“仅跟踪根文件”选项，则所有ts文件将合并到主js文件中（直接或通过引用链导入它们） ）修改其中任何一个

Answer 2

您可以使用grunt-ts为您维护reference.ts文件，并指定webstorm文件观察程序来运行您的繁琐任务https://github.com/basarat/grunt-ts#javascript-generation-and-ordering

免责声明：我是grunt-ts的作者之一。

Answer 3

对于那些没有单个文件链接到所有其他文件并且他们不想手动维护的人来说，＆＃34; references.ts＆＃34;或者使用basarat的咕噜声，这是我的设置：

基本思想是将所有* .ts文件列入文本文件，然后将该文件用作tsc编译器的参数。所以我创建了自己的文件观察器并禁用了TypeScript文件的默认文件。我的文件观察程序是一个bat文件，其中包含以下内容：

dir /s /b /o:gn scripts\*.ts > ts_sources.txt
tsc %*

如果您使用的是Mac或Linux，则可以轻松将其转换为bash脚本。

在观察者的设置屏幕上，您指向批处理文件（bash脚本）：

$ProjectFileDir$\compile.bat

作为您的参数，您必须使用以下内容：

@$ProjectFileDir$\ts_sources.txt --out $ProjectFileDir$\app_all.js --sourcemap

我想有很多方法可以做到这一点......