如何禁用Angular ng serve文件修改后的自动重建?能否仅刷新页面看修改?
如何在Angular CLI的
ng serve中禁用文件修改后的自动重建? 没问题!我之前也遇到过需要手动控制页面更新时机的场景,刚好知道怎么实现——不仅能禁用自动重建,修改文件后手动刷新页面就能看到最新内容,具体方法有两种:
方法一:临时禁用(单次生效)
直接在启动命令里加上--no-watch参数就行:
ng serve --no-watch
这个参数会让Angular CLI停止监听项目文件的变化,自然就不会自动触发重建了。之后你修改完文件并保存,手动刷新浏览器页面就能看到更新后的内容。
方法二:永久禁用(全局生效)
如果不想每次启动都输参数,可以修改项目根目录下的angular.json配置文件,把自动监听默认关掉:
- 打开
angular.json,找到对应项目的architect > serve > options节点 - 添加
"watch": false配置项,示例如下:
"serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "your-project-name:build", "watch": false }, // 其他原有配置... }
修改保存后,以后直接运行ng serve就会默认禁用自动重建功能,同样手动刷新页面就能查看文件修改后的内容。
内容的提问来源于stack exchange,提问作者David Coelho
相关产品推荐
相关产品推荐

