github.com/webpack-contrib/eslint-loader
[
webpack-contrib/eslint-loader
[DEPRECATED] A ESlint loader for webpack. Contribute to webpack-contrib/eslint-loader development by creating an account on GitHub.
github.com
](https://github.com/webpack-contrib/eslint-loader)
emitError / emitWarning
에러/경고수에 따라서 에러/경고 표시를 조절해서 보여주는데, 해당 기능을 끄려면 본 옵션을 true로 바꿔주면된다.
failOnError / failOnWarning
내가 찾던 옵션인데, 빌드시에 lint 에러나 경고가 있으면 build 에러가 나길 원했다.
사실 lint check만 따로 진행하고 싶었는데, vue-cli-service lint로는 warning시에는 프로그램이 에러 없이 종료되게끔 되어있었다.
이렇게 되면 코드가 머지 되기 전에 lint test를 통과하지 않더라도 실제로 CI과정에서 에러 없이 넘어가게되기 때문에 문제가 된다. 일일히 reviewer가 lint error나 warning이 있는지 체크해줘야하는데 그건 불필요한 작업이라는 생각이다.
그래서 failOnError와 failOnWarning 옵션을 true로 바꿔주고, 빌드 시에 에러나 경고가 나면 build fail이 되도록 해줌으로 lint check가 가능하도록 했다. 물론 그 과정에서 빌드가 정상적으로 되는지도 자연스레 체크가 된다.
이외에도 warnings을 무시하는 옵션, report output을 만드는 옵션 등이 있으니 자세한 사항은 상단의 링크를 참고하길 바란다.
'IT > Vue' 카테고리의 다른 글
| vue webpack build 속도 개선하기 최적화 (0) | 2022.02.15 |
|---|---|
| vue 중첩데이터 감시, vue watch nested data is not working (0) | 2022.01.13 |
| eslint cheatsheet (0) | 2021.04.02 |
| Vue lazyloading과 webpack bundler (0) | 2021.02.02 |
| ERROR TypeError: Cannot read property 'tapPromise' of undefined (0) | 2021.02.01 |