我们可以使用 Angular 2 的服务器端预渲染来代替服务器模板引擎吗？答案

【问题标题】：Can we use Angular 2's server-side pre-rendering in place of server templating engine?我们可以使用 Angular 2 的服务器端预渲染来代替服务器模板引擎吗？
【发布时间】：2015-12-29 02:08:35
【问题描述】：

我是一名学生，对网络开发还很陌生。最近，我遇到了 angular 1.x、react.js 和 angular 2（最终决定登陆 angular 2）。

最近在我脑海中浮现的一件事是服务器端预渲染。在我看来，这个服务器端的预渲染是在做服务器模板处理器的工作（比如jade.js。不过我还没有尝试过）。不同之处在于js模板代码可以在客户端重用。我的理解正确吗？这是否意味着我们可以使用 Angular 2 或 react 来代替其他模板引擎？

【问题讨论】：

你能看看 Angular2 Universal 已经在使用服务器端渲染吗，你能在下面的 Angular github github.com/angular/universal 或视频信息 angularu.com/VideoSession/2015sf/angular-2-server-rendering 上找到更多信息吗
谢谢，diegochavez。那个github对我来说是新的。一定要试试。我快速浏览了这些，但仍然有点不确定。服务端预渲染能否替代模板处理？我觉得它们很相似，而且服务器端预渲染还允许我们在客户端浏览器上重用 javascript。所以不再需要模板引擎。你怎么看？

标签： javascript angularjs templates frontend templating-engine

【解决方案1】：

Angular 2 的服务器端渲染并未取代模板引擎。

服务器端渲染让您可以像往常一样编写 Angular 2 代码（使用或不使用 Jade 之类的东西）。服务器呈现用户将看到的第一页，因此用户在加载 javascript 时不会查看空白页。这减少了感知的页面加载时间，并使网站更容易被网络爬虫访问。

This video 展示了如何在 Angular 2 中实现服务器端渲染。在 cmets 中有一些指向初始存储库的链接。

【讨论】：

【解决方案2】：

Angular 2 Universal 是由 PatricJS 和 Jeff Wepley 开发的服务器渲染项目。这是 git 中维护的项目。它是新手的种子。

Here (SystemJS)

For WebPack

用法：

git clone https://github.com/angular/universal-starter/
git checkout systemjs

【讨论】：