바쁘게 개발을 하다보니 코드상에 사용하지 않는 import들이 너무나 쌓여버렸다...
사진 속 코드처럼 사용하지 않는 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가 제거된 것을 확인할 수 있을 것이다.
'Programming > 협업' 카테고리의 다른 글
[Git] commit할 때 hooks으로 console.log() 삭제, Error (0) | 2023.03.11 |
---|---|
[Programming] Naming Rull (0) | 2022.12.11 |
[Programming] ESLint와 Prettier (0) | 2022.09.17 |