/eslint-plugin-unused-vars-and-imports

eslint autofix unused imports and vars typescript

Primary LanguageJavaScript

作用

可移除 typescript 中未使用导入变量，某些局部变量

tsx 项目需结合 eslint-plugin-react 使用

使用

安装：

yarn install @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript-eslint/utils eslint -D
yarn install eslint-plugin-unused-vars-and-imports -D

配置： eslintrc.js

module.exports = {
    "parser": "@typescript-eslint/parser",
    "plugins": [
        "unused-vars-and-imports"
    ],
    "rules": {
        "no-unused-vars": "off",
        "unused-vars-and-imports/no-unused-imports": "error",
        "unused-vars-and-imports/no-unused-vars": "error"
    }
}

执行修复 package.json 配置：

  "scripts": {
    "lint": "eslint ./src --fix . --ext .ts,.tsx",
  }

注：由于是移除操作，还是谨慎操作，做好review，特别是注意带有side-effects的导入

参考：

  1. eslint-selectors
  2. custom-rules-for-eslint
  3. custom-rules-for-typescript
  4. eslint-rule-composer
  5. eslint fix
  6. no-unused-vars
  7. eslint-plugin-unused-imports
  8. typescript-eslint/no-unused-vars
  9. 7-recommended-eslint-rules-for-react-typescript-project
  10. eslint-no-autofix