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

时间:2016-08-24 15:50:34

标签: angular deployment build

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

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

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

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

1 个答案:

答案 0 :(得分:3)

首先澄清一下

不是精简服务器将您的文件编译为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