在Angular中,可以使用Angular CLI的ng build
命令来编译应用程序。要监视多个库的更改并在需要时重新编译,可以使用Angular CLI的ng build --watch
命令。
ng build --watch
命令会监视应用程序和库中的文件更改,并在文件更改时重新编译它们。这对于开发过程中的实时更新非常有用。
然而,Angular CLI默认情况下只会监视当前应用程序的更改,而不会监视依赖的库的更改。为了让Angular监视多个库的更改并重新编译,可以使用以下步骤:
angular.json
文件中的projects
部分,找到需要监视的库的配置。每个库的配置都有一个architect
部分。architect
部分中,找到build
和test
配置。这些配置指定了构建和测试的脚本。watch
参数,将其设置为true
。例如:"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
...
},
"configurations": {
"production": {
...
}
},
"watch": true // 添加这行代码
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
...
},
"watch": true // 添加这行代码
}
通过添加"watch": true
,Angular CLI会监视库的更改并在需要时重新编译它们。
请注意,这种方法只适用于在angular.json
中配置了库的情况。如果你的库是通过其他方式进行构建和引用的,可能需要进行其他配置。
推荐的腾讯云相关产品:
以上是关于如何让Angular监视多个库的更改并在需要时重新编译的完善且全面的答案。
领取专属 10元无门槛券
手把手带您无忧上云