[Typescript] Eslint로 저장 시 사용하지 않는 import 제거

 

 

바쁘게 개발을 하다보니 코드상에 사용하지 않는 import들이 너무나 쌓여버렸다...

 

 

'press' is defined but never used.

 

사진 속 코드처럼 사용하지 않는 import들이 있다.

 

일일히 지우기엔 너무 양이 많고 앞으로도 쌓일 가능성이 있어서 Eslint로 저장 시에 지워지게 할 것이다.

 

eslint 설치부터해서 적용법까지 해보자.

 

 

npm i eslint --save-dev

해당 명령어로 eslint를 설치한다.

 

 

npm install eslint-plugin-unused-imports --save-dev

그리고 import제거하는 플러그인을 설치한다.

 

 

{
	"plugins": ["unused-imports"]
}

{
	"rules": {
		"@typescript-eslint/no-unused-vars": "off",
		"unused-imports/no-unused-imports": "error",
		"unused-imports/no-unused-vars": [
			"warn",
			{ "vars": "all", "varsIgnorePattern": "^_", "args": "after-used", "argsIgnorePattern": "^_" }
		]
	}
}

.eslintrc 파일에 두가지 코드를 추가해 준다.

 

그럼 끝이다!

 

이제 저장을 하면 알아서 사용하지 않는 import가 제거된 것을 확인할 수 있을 것이다.