如何使用命令刪除未使用的導入？

Question

我的nx項目中有沒有任何用途的導入聲明文件，我想刪除它們。

在stackoverflow中搜索后，我找到了在vscode中打開文件的答案，然后按alt+shift+o ，當不使用聲明時，它會刪除並排序導入。

但我有 10,000 個文件。 那么在所有這些文件中是否有執行此操作的命令？ 我在eslint中尋找，但沒有規則。

Answer 1

安裝no-unused-imports 插件

將未使用的導入添加到 your.eslintrc 文件的插件部分

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

添加以下規則

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

然后將腳本添加到您的 package.json 文件中

"scripts": {
   ...
   "fix-lint-errors": "eslint nx --fix"
},

從命令行運行腳本

npm run fix-lint-errors

或者

yarn fix-lint-errors

Answer 2

如果你是一個重度vscode用戶，那么你可以簡單地打開你的偏好設置，然后在你的 settings.json 中添加以下內容：

    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
      "source.organizeImports": true
    }

或者您可以制作一個獨立的tslint文件，其中包含以下內容：

{
    "extends": ["tslint-etc"],
    "rules": {
            "no-unsed-declaration: true"
}}

然后運行以下命令來修復導入：

tslint --config tslint-imports.json --fix --project

然后使用

ng build

或者

ng build name_of_project --configuration=production