Angular-CLI Serve with Lint Watch

Question

Is there any way to run ng lint while watching for file changes during ng serve ? To encourage best practices according to the Angular 2 Style Guide our CI tool runs ng lint during the build process and it isn't always a developers first thought to run lint before submitting a pull request.

Is it possible to customize what ng serve does or has anyone figured out a way to include running lint as part of the recompilation process? If not, I'd also be interested in knowing whether others have any opinions on whether this is a good idea or not and why.

Answer 1

You can define an additional npm script with a watch using nodemon for this.

1. Install nodemon npm package globally ( npm i -g nodemon ) or in your project ( npm i --save-dev nodemon )

2. Define the npm script in package.json (under "scripts" ): `

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

3. Run npm run lint:watch

You can change the --ext ts,html,scss,json to whatever file extensions you want to cause lint to restart. For further documentation of nodemon, see https://github.com/remy/nodemon#nodemon