自引入独立组件以来,最令人期待的功能之一就是能够检测导入到组件中的组件或指令是否正在使用。在 Angular v19 中,这一需求终于得到了解决,增加了针对未使用的独立导入的诊断。
默认情况下,未使用的导入诊断会报告为警告,让开发人员提前了解情况,而不会阻止构建。这在开发过程中尤其有用,让团队能够在流程早期捕获未使用的导入。如果需要,可以使用 tsconfig.json
文件中的以下选项自定义诊断行为:
{
"angularCompilerOptions": {
"extendedDiagnostics": {
"checks": {
"unusedStandaloneImports": "suppress"
}
}
}
}
@Component({
selector: 'app-root',
standalone: true,
imports: [BarDirective, FooComponent],
template: ``,
})
export class AppComponent {}
在 Medium 或 Twitter 上关注,阅读有关 Angular 和 JS 的更多信息!