在Typescript中为每个类分开文件？

Question

更新 ：非常感谢Daniel在下方的回复。然而，我发现rollup.js是我的回答。它可以很好地处理项目中的类之间必要的循环依赖（webpack正在努力），直接使用ES6模块格式，并且非常容易为节点和浏览器输出代码。

嗨（：当有大量可能在浏览器或节点中使用的类时，Typescript编码的优良做法是什么？您是将多个类放在单个文件中并将它们视为命名空间，还是有其他方法？

我主要是使用程序员的C＃，他们正在研究使用Typescript进行新项目。我看到我可以使用引用和 - outFile 将内部模块编译成一个大的.js文件，或者使用带有commonjs或amd的外部模块。

传统上我将每个班级放在一个单独的文件中，这在Typescript中也很自然。但是，让我说我的项目中有200个类，这在浏览器中运行时会产生200多个要下载的文件，这似乎......过多了。

Answer 1

是的，您会尝试使用typescript编写带有typescript的小类/模块。

但是当您提供应用程序时，您不希望浏览器加载每个文件。所以你需要一些东西来捆绑你的文件并将它们放在一个javascript文件中。构建工具可以帮助您（这些工具还可以删除空行/不必要的间距和注释）。

热门构建工具

https://gruntjs.com/

https://github.com/webpack/webpack

当你来自c＃背景时，grunt似乎比webpack更熟悉。

我使用webpack。