捆绑Angular2构建交付

我可能陷入了意见的领域，但我需要一些建议。我一直在玩

TypeScript

中的

Angular2

，我真的很喜欢它。我已经建立了一些小测试项目，它们在本地运行得很好，但现在我想把它们推到现场，我发现自己很难准确地做到这一点

在过去我可能有一堆JS文件要压缩和缩小，现在我有一个相当复杂的目录结构，包括

.ts

、

.map

和

.JS

文件，以及模板的

.html

和

.css

所以，我想要的是让这个建筑活起来的最好方法。我想这不是最好的做法，只是上传了很多，因为是吗

我在谷歌上搜索过，发现自己在阅读各种东西，但从头开始并不容易——阅读

JSPM

会导致阅读

SystemJS

，这会导致阅读

NodeJS

，我突然记不起从哪里开始。我已经找到了一些种子项目，但它们似乎被设计为涵盖广泛的构建，现在我希望尽可能地保持基础，而不必学习linting和单元测试以及其他内容——这可以在以后进行

我知道这可能不会有一个简单的答案，适用于所有领域，但如果有人能够提供，即使是一些优秀的初学者教程也会非常有用

---

提前感谢

您的问题似乎主要围绕目录结构，以及组织所有这些文件并将其发送到实时站点的最有效方法

Typescript

当然需要转换成JavaScript，正如您所知，这就是

SystemJS

将用于构建站点的内容。将那些可传输/编译的文件推送到web服务器并没有错，只要目录结构按组件进行了足够的组织，您就可以知道发生了什么。保持目录结构足够简单是能够从基础项目构建的关键

---

为了坚持一个好的组织结构，我建议看一下我创建的Angular 2种子。它由一个相当简单的角度2组件结构和一个相当平坦的文件夹结构组成。有关Angular 2组织指南的更多信息，我建议查看Angular 2样式指南。它有助于按照有限的上下文组织内容，因此即使目录中有所有模板和传输的文件，也不会有任何混乱。

您的问题似乎主要围绕目录结构，以及组织所有这些文件并将其发送到活动站点的最有效方法

Typescript

当然需要转换成JavaScript，正如您所知，这就是

SystemJS

将用于构建站点的内容。将那些可传输/编译的文件推送到web服务器并没有错，只要目录结构按组件进行了足够的组织，您就可以知道发生了什么。保持目录结构足够简单是能够从基础项目构建的关键

为了坚持一个好的组织结构，我建议看一下我创建的Angular 2种子。它由一个相当简单的角度2组件结构和一个相当平坦的文件夹结构组成。有关Angular 2组织指南的更多信息，我建议查看Angular 2样式指南。它有助于按有界上下文组织内容，这样即使目录中有所有模板和传输的文件，也不会有任何混乱。

也许这会有帮助：也许这会有帮助：