ng build和ng serve之间有什么区别?

时间:2017-11-07 05:40:54

标签: angular angular-cli frontend

ng build和ng serve之间有什么区别?在构建和ng服务之后,究竟发生了什么或者发生了什么变化?

6 个答案:

答案 0 :(得分:22)

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

ng serve命令专门用于快速,本地和迭代开发,还用于从本地CLI开发服务器构建,监视和服务应用程序。
另外,如果您使用ng serve运行角度应用程序并且对应用程序进行了任何更改,则更改将被捕获并立即反映在UI上。这样可以避免反复启动和停止服务器。

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

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

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

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

请参阅此link,以获取有关Angular应用程序部署的更多信息。

答案 1 :(得分:18)

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

答案 2 :(得分:8)

简单

`ng build`

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

`ng serve`

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

答案 3 :(得分:0)

1。 ng服务-它有助于自动执行角度代码并提供硬重载机制

2。 ng构建-角度编译器将转换为JavaScript可执行代码以在dist文件夹中进行部署。

答案 4 :(得分:0)

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

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

答案 5 :(得分:-1)

更新

例如,在角应用

中查看 package.json
"scripts": {                   
              "ng": "ng"
              "build": "tsc -p src/",
              "build:watch": "tsc -p src/ -w",
              "build:e2e": "tsc -p e2e/",
              "serve": "lite-server -c=config.json",
           }

如果你看到,

ng build 用于构建和部署构建工件。

ng serve 命令适用于监视,并从本地开发服务器提供应用程序。