ng build和ng serve之间有什么区别?在构建和ng服务之后,究竟发生了什么或者发生了什么变化?
答案 0 :(得分:22)
ng build
命令专门用于构建应用程序和部署构建工件。
ng serve
命令专门用于快速,本地和迭代开发,还用于从本地CLI开发服务器构建,监视和服务应用程序。
另外,如果您使用ng serve
运行角度应用程序并且对应用程序进行了任何更改,则更改将被捕获并立即反映在UI上。这样可以避免反复启动和停止服务器。
ng build
和ng 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 命令适用于监视,并从本地开发服务器提供应用程序。