捆绑Angular2构建以进行传递

时间:2016-03-13 14:53:32

标签: angular

我可能会陷入舆论界,但我需要一些建议。我在Angular2中一直在玩TypeScript,我真的很喜欢它。我已经构建了一些小的测试项目,它们在本地运行良好,但现在我想推动它们直播,我发现自己很难知道如何做到这一点。

过去我可能会有一堆JS文件来连接和缩小我现在有一个非常复杂的.ts.map.js文件的目录结构作为模板的.html.css

所以,我所追求的是实现此结构的最佳方式。我认为按原样上传批次不是最佳做法吗?

我用Google搜索并发现自己正在阅读各种内容但从头开始并不容易 - 阅读JSPM会导致阅读SystemJS导致阅读{{1}突然间,我无法记住我从哪里开始。我发现了一些种子项目,但它们的设计似乎涵盖了各种各样的构建,现在我想尽可能保持基本,而不必学习linting和单元测试以及其他 - 可以晚点来。

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

提前致谢

1 个答案:

答案 0 :(得分:0)

你的问题似乎围绕目录结构,以及组织所有这些文件以及将它们带到实际站点的最有效方式。如您所知,Typescript当然需要转换为JavaScript,这是SystemJS将用于构建您的网站的内容。将这些转换/编译文件推送到Web服务器没有任何问题,只要目录结构由组件足够组织就可以告诉您发生了什么。保持目录结构足够简单是能够从基础项目构建的关键。

为了坚持良好的结构组织,我建议您查看我创建的Angular 2种子here。它由一个相当简单的Angular 2组件结构组成,并具有非常扁平的文件夹结构。有关Angular 2组织指南的更多信息,我建议您查看Minko Gechev's Angular 2样式指南。它有助于通过有限的上下文来保持组织,即使目录中的所有模板和转换文件都没有变得混乱。