NodeJS和Angular 2

我想创build与nodeJS和angular2作为客户端框架的应用程序。 例如，我有路线：

app.get('/', function(req, res){ res.render('home'); }); app.get('/about', function(req, res){ res.render('about'); }); app.get('/dash', function(req, res){ res.sendFile(__dirname + 'path-to-angular2-index-file.html'); }); app.listen(3000); 

然而，Angular2教程没有涉及到这些，agular-cli自带的方法： 通过开发服务器生成和提供Angular2项目

我有以下文件夹结构：

 NodeJSWebsite --node_modules --public --|--img --|--css --|--js --|--templates ----|--home.hbs ----|--about.hbs --server.js --package.json 

有没有一个很好的和简单的方法来编译/构buildangular2应用程序和呈现html文件，所以我可以使用我的路线？

Answer 1

有一个很好的解决scheme。 但它目前在阿尔法，你仍然可以使用它。 这叫做AngularUniversal 。

在这里 ，github上提供了用express构build的正式启动器

Answer 2

另一个select是使用这个种子项目 – http://matthiasschuetz.com/angular2-seed/

这是一个基本的Angular 2 TypeScript初学者项目，

• 路由概念（单独的路由configuration文件）
• login和仪表板视图组件（授权/公共路线）
• 错误页面处理
• 一个指令（表单input）
• 服务（授权）
• 一个pipe道（确定活动路线）
• 使用es6-shim，Reflect，Rx.js和Zone.js

它依赖于TypeScript，SystemJS，Gulp和Sass。

源代码链接 – https://github.com/matthias-schuetz/angular2-seed

---

你也可以看看Angular2 Webpack Starter。

详细信息可在这里 – https://angularclass.github.io/angular2-webpack-starter/

源代码可以在这里find – https://github.com/AngularClass/angular2-webpack-starter