为web主机发布angular 2 app的最佳方式

Question

假设我没有使用angular-cli，那么创建dist文件夹以及上传到网络主机以发布我的应用所需的所有文件的最佳方法是什么？

我的项目基于角度2快速入门，在本地主机上像这样Structed：

Answer 1

<强> TL; DR; 阅读this article，了解如何创建编组构建过程，而angular-cli未达到稳定版本。

这一切都来自项目中使用的模块加载器。从我在社区中看到的最常用的是SystemJS（与你的相同）和webpack。在任何一种情况下，您都需要一个构建过程来创建应用程序的分发包。

要知道的事情。

SystemJS ：配置起来比较简单，但需要外部工具来构建流程。

Webpack ：配置起来比较困难，但它几乎可以完成从模块加载到应用分发的所有工作。

对于这两种工具，您有以下选项

使用种子项目。

优点：它将具有许多功能，并且易于使用。例如，在一个好的种子项目中，您将能够使用简单的npm命令构建您的应用程序。

缺点：有时种子项目比你需要的更多; 错误可能更难跟踪。

例如，对于webpack，有angular2-webpack-start。

从头开始配置

优点：您将全面了解应用中发生的所有事情;错误更容易跟踪。

缺点：需要进一步研究您需要使用哪些工具;设置一切可能很难。

除了这些选项之外，还有angular-cli项目，该项目正在进行中，但已经得到了角度团队的高度支持。

<强>结论

我不会使用种子项目，因为我想知道我的应用程序中发生了什么，但是我相信angular-cli是可靠的项目，一旦它达到稳定版本，我将采用它。

与此同时，我正在从头开始配置Mink Gechev的this amazing article，了解如何优化构建过程。