清除不需要的导入语句中的值打字稿/角度

问题描述 投票:0回答:2

Visual Code很好地显示了未使用的导入:enter image description here

让初级开发人员/实习生来检查并删除所有未使用的导入内容,并且大小相对合适的Angular 7除了代码整洁以外,还有什么好处?

是否有可能改善应用程序的大小/性能?

angular typescript
2个回答
3
投票

这完全取决于您和您的喜好。如果您将它们留在此处并使用角度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错误并进行修复。


0
投票

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

  1. 在代码编写阶段

您可以使用代码编辑器功能删除未使用的导入变量。例如vscode提供功能run-code-actions-on-save

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

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

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

  1. 在编译阶段

[就像@mwilson说的那样,tscaot编译或webpack并执行此类工作。

© www.soinside.com 2019 - 2024. All rights reserved.