使用角度 cli 制作平均堆栈应用程序？答案

【问题标题】：Making a Mean stack application with angular cli?使用角度 cli 制作平均堆栈应用程序？
【发布时间】：2017-04-27 03:01:21
【问题描述】：

我是 Angular2 的初学者。

Tl;dr: ng new app, ng serve, npm install express 等，创建服务器文件，ng build，最后 node express.js 从 dist 服务 index.html

我对本文中的应用程序构建的问题是它从 dist 提供服务，这意味着我必须停止服务器，运行新构建并在每次更改时重新启动服务器，这对于开发人员的观点来说非常麻烦。我希望我对客户端的更改能够在每次刷新时反映出来。

有人可以指出我正确的方向以实现这一目标吗？或者让我知道如何正确构建架构，即使这意味着从头开始

PS：我一直在尝试修改此示例以从开发 (src/) 中服务，但到目前为止还没有成功。浏览器找不到依赖项，显示“正在加载..”引发错误，如“系统未定义”和“语法错误'

【问题讨论】：

【解决方案1】：

我也遇到了这个问题，所以我写了一篇关于它的小帖子。你可以找到详细的解决方案here。

总之，对我有用的是为服务器和客户端使用不同的端口，并配置我的npm start 命令以并行运行服务器和客户端。您将进行热重载（当您更改客户端代码时，它会立即刷新 Web 浏览器），并且网页将调用您的服务器 API。

顺便说一句，我无法让ng build --watch 工作，所以我不得不考虑这个解决方法。

【讨论】：

【解决方案2】：

Tl;dr：ng new app、ng serve、npm install express 等，创建服务器文件，ng build，最后是 node express.js 来提供 index.html 距离

要让 webpack 在开发过程中监视您的更改，您只需在构建应用程序时添加 --watch。所以你应该在控制台终端中输入这样的内容：

ng build --watch

然后运行你的服务器：

node server.js

应该可以的。

【讨论】：

【解决方案3】：

我理解你的痛点。我已经看过本教程，并且在某种程度上它是公平的，但是正如您所说，没有为更改编写自动刷新脚本。但是，我决定为 MEAN 堆栈项目开发创建自己的存储库。检查我托管 MEAN 应用程序的以下 URL，包括

此存储库将帮助您使用 angular2 启动 MEAN 堆栈应用程序。

如果你正在寻找相同的东西，请竖起大拇指。

【讨论】：