Angular 2 app - 如何在节点上的本地环境中部署?

时间:2016-10-14 08:01:17

标签: node.js angular angular-cli

使用angular-cli,我创建了一个新的入门应用程序。 ng new my-app。然后我做了ng serve,它在localhost:4200上工作正常。接下来,我使用了ng build,并使用创建的应用创建了一个dist文件夹。

我正在使用最新的angular-cli,它使用webpack。

现在,我想在使用节点的本地环境中使用该应用程序(如果可能的话。如果不是,那么我想在WAMP中我将编写一个php后端api)。我正在使用Windows 10机器,64位。

接下来的步骤是什么?我是nodejs托管设置的新手。

最终,我想为我的办公室创建一个小应用程序来处理管理工作。它将被大约12-15人在本地网络中连接使用。

我是nodejs托管设置的新手。

1 个答案:

答案 0 :(得分:0)

你可以将express与node.js一起使用,并将你的dist内容作为静态内容提供这样的东西(没有测试但是应该有效,我在另一个项目中做了类似的事情):

var express = require('express');
var app = express();

app.use(express.static('dist'));

var server = app.listen(8080, function () {
   var host = server.address().address
   var port = server.address().port
   console.log("Example app listening at http://%s:%s", host, port)
})

如果你只是为了开发目的而想做这件事,我认为你可以使用服务器设计的ad hoc设置一个不同的流来重新编译,在你更改代码时重新加载应用程序,而不是每次都构建并运行node.js服务器(很慢的开发流程)。我个人使用webpack-dev-server和webpack。