2016-07-27 180 views
2

我想用nodeJS和angular2创建应用程序作为客户端框架。比如我有路线:NodeJS和Angular 2

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配有自己的方法:Generating and serving an Angular2 project via a development server

我有以下文件夹结构:

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

是有一个很好的&简单的方法来编译/构建angular2应用程序和呈现html文件,所以我可以使用我的路线?

回答

1

有一个很好的解决方案即将到来。但它目前是alpha版,但仍然可以使用它。它被称为AngularUniversal

有与快递正式建成启动,请在github here

0

另一种选择是使用该种子项目 - http://matthiasschuetz.com/angular2-seed/

这是covers-

    基本角2打字稿启动项目
  • 路由概念(单独的路由配置文件)
  • 登录和仪表板视图组件(授权/公共路由)
  • 错误页面处理
  • 一个指令(形式输入)
  • 服务(授权)
  • 管道(确定活动路线)
  • 使用ES6 - 垫片,反射,Rx.js和区。 js

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

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


您还可以看看Angular2的WebPack启动。

详情,可浏览这里 - https://angularclass.github.io/angular2-webpack-starter/

的源代码可以在这里找到 - https://github.com/AngularClass/angular2-webpack-starter