让初级开发人员/实习生来检查并删除所有未使用的导入内容,并且大小相对合适的Angular 7除了代码整洁以外,还有什么好处?
是否有可能改善应用程序的大小/性能?
这完全取决于您和您的喜好。如果您将它们留在此处并使用角度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错误并进行修复。
以下是针对不同阶段的两种解决方案:
您可以使用代码编辑器功能删除未使用的导入变量。例如vscode提供功能run-code-actions-on-save
在vscode的settings.json
文件中的配置下面添加:
{
"[typescript]": {
"editor.codeActionsOnSave": {
"source.organizeImports": true
}
}
}
它将删除未使用的导入变量并组织您的导入语句。
[就像@mwilson说的那样,tsc
,aot
编译或webpack
并执行此类工作。