먼저, 프로젝트의 루트 디렉토리에서 다음 명령을 사용하여 eslint-plugin-css-modules를 설치합니다:

npm install --save-dev eslint-plugin-css-modules

그런 다음, 프로젝트의 .eslintrc 파일을 열고 다음 설정을 추가합니다:

{
  "plugins": [
    "css-modules"
  ],
  "rules": {
    "css-modules/no-unused-class": "error"
  }
}

이제 ESLint는 자바스크립트 코드에서 미사용된 CSS 클래스를 검사할 것입니다. no-unused-class 규칙을 사용하여 미사용된 클래스를 식별하고 오류로 표시합니다.

이를 통해 개발자는 미사용된 CSS 클래스를 감지하여 코드를 더 깔끔하고 효율적으로 유지할 수 있습니다.