React Typecript 전체 프로젝트에서 사용되지 않은 가져오기/포고를 제거하려면 어떻게 해야 하는가?

React Typecript 전체 프로젝트에서 사용되지 않은 가져오기/포고를 제거하려면 어떻게 해야 하는가?

나는 이 각도에 대한 SO 스레드에서 답한 대로 사용하지 않는 수입과 신고서를 제거하려고 한다.eslint-plugin-react를 사용하여 목표를 달성하려고 하지만, 단일 명령으로 전체 프로젝트에서 사용되지 않는 수입과 데이클레이션을 제거할 수 있는 옵션을 찾지 못했다.

여기 제 .eslintrc.json 입니다.

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 12
    },
    "plugins": [
        "react",
        "@typescript-eslint",
        "unused-imports"
    ],
    "rules": {
        "indent": [
            "warn",
            "tab"
        ],
        "linebreak-style": [
            "warn",
            "windows"
        ],
        "quotes": [
            "warn",
            "double"
        ],
        "semi": [
            "warn",
            "always"
        ],
        "@typescript-eslint/no-unused-vars": "on",
        "unused-imports/no-unused-imports-ts": "on"
    }
}

아니면 VS Code에서 ESLint 또는 Typecript Hero 확장을 사용하여 동일한 작업을 수행할 수 있는 방법이 있는가?

플러그인 사용 및unused-imports/no-unused-imports-ts규칙,eslint --fix이 제거될 것이다.imports

여기 다음과 같은 예시가 있다.--fix사용하지 않는 것을 제거하다imports

https://github.com/moshfeu/eslint-ts-unused-imports

구답

eslint에는 내장된 고정 옵션이 있다.

eslint ... --fix

만약rules포함하다no-unused-varseslint는 사용하지 않은 가져오기를 제거하여 "수정"할 것이다(다른 자동 수정과 함께).

또한 VSCode의 바로 가기를 사용하면 별도의 작업 없이 신속하게 수행할 수 있으며,

Option + Shift + O맥용

Alt + Shift + O윈도용

TL;DR

사용하다unused-imports/no-unused-imports대신에no-unused-vars, 규칙 이름으로.

---

ESLint 버전인 eslint-plugin-unused-imports를 사용하는 경우 규칙 이름을unused-imports/no-unused-imports담요 대신no-unused-vars.

{
    "rules": {
        "unused-imports/no-unused-imports": "error"
    }
}

자세한 용도는 저자의 GitHub를 참조하십시오.

나를 위해.no-unused-var자동 픽서가 제공되지 않음(단순히 오류/경고 횟수만 언급될 뿐, 다음으로 전환됨)unused-imports/no-unused-imports모든 이슈는 자동적으로 고정되어 있다.

참조URL: https://stackoverflow.com/questions/64365300/how-can-i-remove-unused-imports-declarations-from-the-entire-project-of-react-ty