Angular-使用 Lint Watch 的 CLI 服务

Angular-CLI Serve with Lint Watch

有什么方法可以 运行 ng lintng serve 期间监视文件更改吗?为了根据 Angular 2 风格指南鼓励最佳实践,我们的 CI 工具 运行s ng lint 在构建过程中并不总是开发人员首先想到 运行 提交拉取请求之前的 lint。

是否可以自定义 ng serve 的功能,或者是否有人找到了将 运行ning lint 作为重新编译过程的一部分的方法?如果不是,我也很想知道其他人是否对这是否是一个好主意以及为什么有任何意见。

您可以为此使用 nodemon 定义一个额外的 npm 脚本。

  1. 在全局 (npm i -g nodemon) 或在您的项目 (npm i --save-dev nodemon) 中安装 nodemon npm 包
  2. 在package.json("scripts"下)定义npm脚本:`

    "lint:watch": "nodemon --exec \"npm run lint || exit 1\" --ext ts,html,scss"

  3. 运行 npm run lint:watch

您可以将 --ext ts,html,scss,json 更改为您想要使 lint 重新启动的任何文件扩展名。有关 nodemon 的更多文档,请参阅 https://github.com/remy/nodemon#nodemon