Angular2 - 如何部署/构建基于Angular的Angular 2站点

Question

我对这一切都比较新，我读过其他一些感觉相似的问题，但是我的经验不足让我质疑哪条路是最好的。

我有一个基于Angular 2指南快速入门的Angular 2网站。它目前使用lite-server在本地托管，但我想把它移到我们的服务器上，以便可以在外部查看。我的理解是我需要将TS文件转换为JS（我认为已经从lite-server实时发生）然后将这些文件移到服务器上？

有人可以解释实现这一目标所需的步骤吗？感觉好像Angular 2的快速入门有利于Systemjs构建，但是我已经看到许多提到webpack的帖子。

systemjs和webpack是否可以互换？它们是将Angular 2项目构建为可部署格式的首选方法吗？

Answer 1

首先澄清一下

不是精简服务器将您的文件编译为js它的打字稿tsc。 如果您已经尝试过angulor.io的5 Min Quickstart，那么您可以在第一阶段看到它安装这些依赖项

"devDependencies": {
    "concurrently": "^2.0.0",
    "lite-server": "^2.2.0",------>for serving app to browser
    "typescript": "^1.8.10",----->for compiling
    "typings":"^1.0.4"
  }

在这里，您可以在此脚本中看到它是如何开心的

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",

首先运行tsc，将文件编译为js以后它会以监视模式运行它，这样它就可以检测到任何更改并重新编译你的文件，并且在运行lite脚本命令中有这个

"lite": "lite-server"

现在问你的实际问题

Angular2 - 如何部署/构建基于npm的Angular 2站点？

grunt，gulp，webpack和jspm等许多工具有很多种方法。 Angular团队还宣布了一个新的工具angular-cli，这使事情变得更容易。

  

请注意，它仍在开发中并且不稳定。   learn about angular-cli

有很多指南可供使用这些工具。我也有一个

angular2-webpack-seed

Webpack是所有其他工具的首选，这是我的观点，所以肯定还有其他人喜欢别的东西。我相信webpack为您提供了很多选择。有许多插件可以让您的生活更轻松。您可以使用webpack-dev-server运行您的应用程序，它也为您提供了很棒的功能。

learn about webpack