【问题标题】:How to build a site and run on live server with Angular cli如何使用 Angular cli 构建站点并在实时服务器上运行
【发布时间】:2016-12-07 12:21:14
【问题描述】:

我有 Angular 2 SPA 网站。 我想在 Teamcity 中运行 e2e 测试。 我想知道如何在没有手表的情况下在实时服务器上构建和运行该站点。 ng serve 构建、运行和观看导致 Teamcity 出现问题的实时站点(控制台保持打开状态)

我想在 localhost 中运行它,就像 ng serve 命令在没有监视选项的情况下所做的那样

【问题讨论】:

    标签: angular angular-cli


    【解决方案1】:

    ng build --prod 将构建所有内容并将其捆绑到 dist 文件夹中。

    您可以在任何网络服务器上托管该内容。

    【讨论】:

    • 我不想托管它我想在本地主机上运行它,就像ng serve 在不观看的情况下所做的那样
    • 您甚至可以在您的本地主机上“托管”它.. 使用您喜欢的任何工具 :) 所有其他答案可能都相同.. 不知道为什么不赞成..
    【解决方案2】:

    在您的终端中,cd 进入您的 Angular 2 项目文件夹。运行ng build --prod 编译您的源代码。此命令将在项目的根目录中生成一个dist 目录,这是您在生产环境中运行 Angular 2 项目所需的唯一文件夹。如果您使用 NGINX,您可以设置一个域以指向该目录,并将 index.html 文件作为它的索引。您还需要将所有子 URL 重定向到 index.html,因为 Angular 2 将处理 404。如果您使用的是 Apache,则类似的概念。

    【讨论】:

      【解决方案3】:

      使用 angular-cli:

      ng build -p
      

      将为生产构建您的应用。

      ng build -p --aot
      

      将为生产环境构建您的应用,并使用 Ahead Of Time 编译器构建更轻量级的应用。

      【讨论】:

      • 它是否也像 ng serve 那样在 localhost 中运行站点?运行您提到的脚本时,我也收到“0% compilercompiler.AnimationParser 不是构造函数”错误。
      • 您可以轻松地在本地或远程拥有的任何服务器上运行此构建的应用程序,只需复制构建的应用程序,该应用程序位于应用程序项目的 /dist 文件夹中。您可以使用 'lite-server' 作为示例在 localhost 中运行应用程序:github.com/johnpapa/lite-server
      猜你喜欢
      • 1970-01-01
      • 2017-02-07
      • 2018-07-19
      • 2023-03-15
      • 2018-04-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-10-04
      相关资源
      最近更新 更多