Javascript 托管Angular2应用程序

我不熟悉

angular2

，我知道共享主机上的主机

angular1.x

，比如

GoDaddy

，但我不知道如何发布

angular2

应用程序，例如，我有一个结构文件夹：

angular2-quickstart

--app
  app.component.ts
  main.ts

--node_modules

--typings

index.html
package.json
styles.css
systemjs.config.js
tsconfig.json
typings.json

我需要在ftp上上传什么文件

我没有尝试任何东西，因为我不知道如何继续

---

提前谢谢

如果您没有后端，免费托管站点通常会寻找index.html来开始工作。因此，您的文件夹结构是正确的，但您需要上载js文件而不是ts文件。

作为一种基于组件的语言，angular 2在其部署过程中包含一些注意事项。 首先，开发环境中使用的文件不一定要交付到生产环境中。简而言之，您只需要上传.js、.html和.css文件

第二，即使您的应用程序仅部署上述文件，建议包括以下过程：

捆绑：将所有.js文件编译成单个文件。例如，vendor.js可以包含所有第三方lib，bundle.js将包含所有application.js文件。（出于性能原因，需要导入捆绑包，但请记住，随着http 2的到来，此过程将被放弃）

缩小：这是所有web应用程序的标准流程，但现在您只缩小捆绑文件

看看这篇文章，因为它给出了一些可以帮助您完成部署过程的工具示例。

---

我认为一种流行的工作流是将.ts文件编写成脚本，然后将生成的.js文件发送到分发文件夹中。许多.js文件也可以“gulp连接”（gulp concat）到一个文件中

当然，您还需要发送html和css文件

---

由于Angular2库也严重依赖node_modules文件夹中的内容，因此您需要在服务器端上传package.json和npm安装。您可以尝试上载node_模块，但上载需要花费大量时间。

您需要使用webpack或angular cli等工具构建angular2项目，后者也使用webpack post beta.14版本。Webpack将创建一个分发目录dist，您可以将其部署到服务器。Webpack将所有代码捆绑到一个文件中，并将其放入dist文件夹中。以下是了解angular2应用程序的代码和部署结构的好资源：

---

克隆上面的目录，运行“npm install”安装所有依赖项并运行“npm run build”，您将看到可以部署的分发文件夹dist。

好的，您可以在根应用程序目录中运行ng build。它将创建一个包含应用程序和文件的dist目录。您可以将此目录放入Web服务器将查找index.html的页面。您好，您可以在godaddy上载您的angular2项目吗？您不需要其他任何东西，只需在index.html文件中导入一些javascript文件即可在客户端成功运行angular2应用程序。检查这个实时示例，从那里下载它并将其解压缩到共享主机中所需的文件夹中，就这样。这也可以帮助解决这个问题。“如何捆绑Angular2进行生产”>请展示/解释如何以及为什么这个答案是问题的答案。查看此项。粗体“ng build”脚本生成angular应用程序的“部署版本”。此页面还包含需要对承载应用程序的服务器进行的配置。@user6449413显示的结构是开发代码，它也可以运行，但不应该发布到宿主服务器。