[ESLint] 하나의 파일에서 ESLint 비활성화하는 방법

주석을 이용하여 ESLint를 하나의 파일 내에서 비활성화하는 방법에 대해 알아보겠습니다~

※ 주의: 여기서 비활성화의 의미는, rule violation에 대해 ESLint가 보고하는 것만 비활성화한다는 의미입니다. 따라서 ESLint는 보고만 안 할 뿐 여전히 전체 파일을 parse하기 때문에, 비활성화해놓은 코드라도 자바스크립트 문법을 준수해야 하는 것은 마찬가지입니다.

 

1. 하나의 파일 내에서 일시적으로 ESLint 비활성화하기

/* eslint-disable */

alert('foo');

/* eslint-enable */

 

 

2. 하나의 파일 내에서 ESLint의 특정 rule(s)만 일시적으로 비활성화/활성화하기

/* eslint-disable no-alert, no-console */

alert('foo');
console.log('bar');

/* eslint-enable no-alert, no-console */

- 비활성화 또는 활성화하려는 rule이 여러 개일 경우, 위와 같이 rule들을 쉼표로 구분하여 나열합니다.

 

3. 하나의 파일 전체에서 ESLint 비활성화하기

/* eslint-disable */

alert('foo');

- 주석을 파일의 최상단에 적어놓아야 합니다.

 

4. 하나의 파일 전체에서 ESLint의 특정 rule(s)만 비활성화/활성화하기

/* eslint-disable no-alert */

alert('foo');

- 비활성화 또는 활성화하려는 rule이 여러 개일 경우, rule들을 쉼표로 구분하여 나열합니다.

 

5. 하나의 파일 내에서 하나의 특정 라인에 대해서만 ESLint 비활성화하기

alert('foo'); // eslint-disable-line

// eslint-disable-next-line
alert('foo');

- 첫 번째 주석의 경우 주석이 위치한 해당 라인에 대해서만 ESLint를 비활성화합니다.

- 두 번째 주석의 경우 주석이 위치한 다음 라인에 대해서만 ESLint를 비활성화합니다.

 

6. 하나의 파일 내에서 하나의 특정 라인에 대해서만 ESLint의 특정 rule(s) 비활성화하기

alert('foo'); // eslint-disable-line no-alert

// eslint-disable-next-line no-alert
alert('foo');

- 첫 번째 주석의 경우, 지정한 rule을 주석이 위치한 해당 라인에 대해서만 비활성화합니다.

- 두 번째 주석의 경우, 지정한 rule을 주석이 위치한 다음 라인에 대해서만 ESLint를 비활성화합니다.

 

- 앞의 다른 경우들과 마찬가지로, 비활성화하려는 rule이 여러 개일 경우 아래와 같이 rule들을 쉼표로 구분하여 나열합니다.

alert('foo'); // eslint-disable-line no-alert, quotes, semi

// eslint-disable-next-line no-alert, quotes, semi
alert('foo');

 

 

---

참고

 

https://eslint.org/docs/2.13.1/user-guide/configuring#disabling-rules-with-inline-comments

Configuring ESLint