【问题标题】：New Angular 2 CLI tool - Systemjs?新的 Angular 2 CLI 工具 - Systemjs？
【发布时间】：2017-06-22 04:44:28
【问题描述】：

总结

背景

我为会员数据库构建了一个 Angular 2 应用程序。这只是前端。在了解了后端开发后，我意识到 MEAN 堆栈最适合我的技能，因此我现在正在使用 Node 和 express.js 制作 RESTful APi。

我在 server.js 文件中使用以下内容来加载我的 index.html。

app.use(express.static(__dirname + '/public'));

我的 API 有一个单独的文件夹，但我希望它全部放在一个代码库（MEAN 堆栈）上。我决定，让我们使用上周发布的新 Angular 东西并为前端重建我的文件夹结构（应该是移动文件的问题）.....我错了

访问该站点时，我看到的只是这个 CLI 工具。然而，它安装了 Jasmine、E2E 等所有东西。这很好，但我还不明白这些东西，只想安装基本的东西，这样我就可以运行我的应用程序了。

但是，我发现使用 cli 设置 没有 systemjs 文件。它去哪儿了？也在我的 index.html 文件中：

  <script>
      System.import('app').catch(function(err){ console.error(err); });
    </script>

这也不包含在使用 CLI 工具创建的 index.html 中。

很多东西似乎都变了。任何人都可以对这些变化有所了解，或许可以参考新的 angular 2 的基本设置指南吗？

【问题讨论】：

【解决方案1】：

CLI 团队已放弃 SystemJS 并决定切换到 WebPack。与使用 SystemJS 相比，CLI 工具现在非常快（1.0.0-beta.28.3），现在重新编译平均需要 2 秒（在后续编译中）。在我看来，CLI 是构建 Angular 2 项目的工具。

仅供参考：Angular 4 将于 3 月发布，这只是对Semver 的改编，通常意味着会有“一些”重大变化。 source

【讨论】：

令我困惑的是 CLI 工具只在 index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Angularcli</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <app-root>Loading...</app-root> </body> </html>987654328@
当您使用ng build --prod 构建项目时，它会将所有必要的脚本引用注入到index.html 文件中
我很迷茫，我正在尝试通过 express.js 运行 index.html。 app.use(express.static(__dirname + '/public')); ，但是这不起作用，因为我使用 nodemon server.js 启动我的 server.js，它不会构建或服务于我的前端。我现在应该如何构建 MEAN 堆栈？
这并不意味着您必须将所有内容都放在一个项目文件夹中。只需将您的 Angular 2 项目与您的 express 项目分开即可。默认情况下，Angular 将在localhost:4200 上运行，并且让您的 Angular 应用程序在使用 API 时指向您的节点服务器正在运行的任何地址。稍后，当您完成Angular 2 的工作后，您可以在其上使用ng build --prod，这将为您的应用程序生成所有静态文件，这些文件在您项目的dist 文件夹中生成。然后，您可以将它们移动到您的 express 生产项目中
对了，你的回答帮我查了一下流程。 scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli大大的帮助，谢谢