清除不需要的导入语句中的值Typescript / Angular

Question

Visual Code很好地显示了未使用的导入：

由初级开发人员/实习生来检查并删除所有未使用的导入内容，并且尺寸相对合适的Angular 7除了代码整洁度之外还会有其他好处吗？

是否可以改善应用的大小/性能？

Answer 1

这取决于您和您的喜好。如果您将它们留在此处并使用角度AOT编译，则将完成“树状摇动”。您可以在这里（https://angular.io/guide/aot-compiler）了解更多有关该过程的信息

另一种选择（防止他人这样做）是在您的no-unused-variable中启用tslint.json。这使您的TypeScript Linter可以禁止未使用的导入：

  

禁止使用未使用的导入，变量，函数和私有类   成员。类似于tsc的–noUnusedParameters和–noUnusedLocals   选项，但不会中断代码编译。

https://palantir.github.io/tslint/rules/no-unused-variable/

我个人只是启用tslint规则，运行linter，找出未使用的引用数量，然后确定是否值得有人经历所有这些lint错误并进行修复。

Answer 2

以下是针对不同阶段的两种解决方案：

1. 在代码编写阶段

您可以使用代码编辑器功能删除未使用的导入变量。例如vscode提供功能https://github.com/mustardBees/cmb_field_map

在您的vscode的settings.json文件中的配置下面添加：

{
  "[typescript]": {
    "editor.codeActionsOnSave": {
      "source.organizeImports": true
    }
  }
}

它将删除未使用的导入变量并组织您的导入语句。

1. 在编译阶段

就像@mwilson所说的那样，tsc，aot编译或webpack进行这种工作。