捆绑用于交付的Angular2构建

Question

我可能陷入了意见的领域，但我需要一些建议。我一直在玩TypeScript中的Angular2，我真的很喜欢它。我已经构建了一些小的测试项目，它们在本地运行得很好，但现在我想推动它们上线，我发现自己在具体如何做到这一点上遇到了困难。

在过去，我可能有一堆JS文件来连接和压缩，现在我有了一个相当复杂的目录结构，包括.ts、.map和.js文件以及用于模板的.html和.css。

所以，我所追求的是让这个结构活起来的最好方法。我认为只按原样上传批次不是最好的做法？

我在谷歌上搜索，发现自己在阅读各种东西，但从头开始并不容易-阅读关于JSPM的文章会导致阅读关于SystemJS的文章，这导致阅读关于NodeJS的文章，突然我甚至不记得我是从哪里开始的。我已经找到了一些种子项目，但它们似乎被设计为涵盖广泛的构建，现在我想尽可能地保持基本，而不是学习linting和单元测试以及其他-以后再来。

我知道这可能不会有一个全面适用的简单答案，但如果有人能提供的话，即使是一些很棒的初学者教程也会非常有帮助。

提前感谢

Answer 1

你的问题似乎主要围绕着目录结构，以及组织所有这些文件以及将它们放到活动站点的最有效方式。当然，Typescript需要转换成JavaScript，正如你所知道的，这就是SystemJS将用来构建你的站点的。将这些转译/编译的文件推送到web服务器没有什么问题，只要目录结构按组件进行了足够的组织，您就可以知道发生了什么。保持目录结构足够简单是能够从基础项目构建的关键。

为了坚持良好的组织结构，我建议您查看我创建的here的Angular 2 seed。它由一个相当简单的角度2组件结构和一个相当扁平的文件夹结构组成。有关Angular 2组织指南的更多信息，我建议查看Minko Gechev's Angular 2 style guide。它有助于通过有界上下文来组织内容，这样即使是目录中所有的模板和转换后的文件也不会变得混乱。