angular 设备实时更新代码(不用每次上传)
angular 众所周知使用ng serve编译,访问localhost:4200 可直接访问实现的页面。每次修改后保存,页面会直接更新。
后续需要把编译后的代码放到设备上,再刷新,每次修改一点点样式都得编译,再上传,再刷新。非常繁琐!
以下是在设备上满足ng serve 运行也能代码同步更新,免编译的方法。这样可以节省编译的时间。
- 下载proxy.config.json文件,放到项目的根目录下,也就是和angular.json同目录 该文件的内容只有2步骤的内容,自己创建应该也是可以的
- 在proxy.config.json文件中书写自己需要绑定的设备IP。
{ "/HISOMEAPI": { "target":"http://192.168.157.51" } }
- 在angular.json 文件中添加服务, "proxyConfig": "proxy.config.json"
"serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "NVR-app:build", "proxyConfig": "proxy.config.json" }, "configurations": { "production": { "browserTarget": "NVR-app:build:production" } } },
- 使用ng serve运行
- 运行完毕,在浏览器地址栏输入http://localhost:4200访问即可
此为工作记录。以防后续忘记!