【问题标题】:What is difference between ng build and ng serve?ng build 和 ng serve 有什么区别?
【发布时间】:2018-04-19 10:18:20
【问题描述】:

ng build 和 ng serve 有什么区别?在 ng build 和 ng serve 之后究竟做了什么或发生了什么变化?

【问题讨论】:

  • ng serve is 命令启动服务器,监视您的文件,并在您对这些文件进行更改时重建应用程序。对于ng build:阅读[链接]angular.io/guide/deployment

标签: angular angular-cli frontend


【解决方案1】:

ng build 命令专门用于构建应用程序和部署构建工件。

ng serve 命令专门用于快速、本地和迭代开发,也用于从本地 CLI 开发服务器构建、监视和提供应用程序。
此外,如果您使用 ng serve 运行 Angular 应用程序,并且如果您对应用程序进行任何更改,则会捕获更改并立即反映在 UI 上。这避免了一次又一次地启动和停止服务器。

ng buildng serve 这两个命令都会在构建项目之前清除输出文件夹。

主要区别在于——ng build 命令将生成的构建工件写入输出文件夹,而ng serve 命令不这样做。默认情况下,输出文件夹为 -dist/

此外,ng serve 从内存中构建工件以获得更快的开发体验。
ng build 命令只生成一次输出文件并且不提供它们。

ng build --watch 命令将在源文件更改时重新生成输出文件。如果您在开发期间构建并自动将更改重新部署到另一台服务器,则此 --watch 标志很有用。

请参阅link,了解有关 Angular 应用部署的更多信息。

【讨论】:

  • 我的问题,我们在开发者的终端中手动输入并运行ng serve。我们是否需要在生产服务器的终端中输入并运行ng build
  • ng serve (仅)在开发人员的机器上使用,以便能够以最少的资源运行应用程序。但是当您谈论将应用程序部署到实际服务器时,您将使用ng build,因为此命令将生成将部署在服务器上的必要工件。
  • 那么在开发机器的终端而不是服务器上运行ng build 命令?
  • 是的,您仍然可以运行 ng build。但是当你正在编写代码并希望同时查看更改时,更推荐运行 ng serve。
  • 执行 ng serve 命令时在哪里可以看到输出文件夹?
【解决方案2】:

ng build 命令将生成的构建工件写入输出文件夹(默认为 -dist/)。 ng serve 命令不编写构建,而是从内存构建工件以获得更快的开发体验。

【讨论】:

    【解决方案3】:

    简单

    `ng build`
    

    此命令构建您的应用并进行部署。

    `ng serve`
    

    此命令构建、部署、服务并每次监视您的代码更改。如果发现代码有任何更改,它会自动构建并提供该代码。

    【讨论】:

      【解决方案4】:

      1. ng serve - 它帮助 Angular 代码自动服务并提供硬重载机制

      2. ng build - Angular 编译器将转换为 JavaScript 可执行代码以部署在 dist 文件夹中。

      【讨论】:

        【解决方案5】:

        ng build 命令将生成的构建工件写入输出文件夹(默认为 -dist/)。 ng serve 命令不编写构建,而是从内存构建工件以获得更快的开发体验。

        是的,您仍然可以运行 ng build。但是当你正在编写代码并希望同时查看更改时,更推荐运行 ng serve

        【讨论】:

          【解决方案6】:

          阅读herehere


          ng 构建

          将生成的构建工件写入输出文件夹(通常是 dist 文件夹)。

          ng 服务

          不写,它从内存中构建工件,而不是更快的开发体验。

          【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2021-04-11
          • 1970-01-01
          • 1970-01-01
          • 2020-03-08
          • 2015-01-11
          • 2012-09-07
          • 2016-02-17
          • 2013-04-17
          相关资源
          最近更新 更多