基于npm和typescript构建角度应用程序的指南

Question

随着angular2的发布我第一次遇到了typescript，npm ......，我真的很欣赏它的强大功能，所以我几乎没有抓住表面。

在“发展模式”，我能找到我的方式，但在最后：

问：

我要生成一个包括所有必要的依赖独立的文件夹：JS，CSS，HTML文件和便携式，无需npm，transpilers，...了。 （所以基本上我想这个生成的文件夹复制到服务器，人们可以访问index.html作为一般）

问题

设置

• NPM（作为一个模块管理器和构建工具）npm as a build tool，npm as a build tool II
• 打字稿（TSC为transpiler）
• angular2（与HTML分离文件，CSS），SystemJS

所需指引

• 安（摘要）指引采取什么步骤，以达到规定的目标，即拥有（全部）的文件夹功能，并且也是从打字稿文件建立，（可能.scss文件，...）以独立和独立的方式。

也许我寻找了错误的关键字，但我只找到我的答案的一些分数，到目前为止，我会很感激的列表（教程，左右），我可以阶段性的经历。 （目前，我会感到失落）

Answer 1

我会看看systemjs builder，使用的构建过程，如gulp，gulp-inject配置的index.html，和之和构成了构建这样的：

• 构建使用systemjs build文件夹中
• 构建SCSS文件打字稿文件
• 束js文件（必须有一口一个插件）在build文件夹
• 副本生成所有HTML文件FO lder连续
• 注入依赖index.html中

这是一个原始回答你的问题，未经检验的，从我的头顶，但我希望它可以带你到一个解决方案。我在this repository有一些东西。