Previously, I used to keep interfaces and services in separate files but later combined them into one file since they were always requested together. For example, instead of having user.interface.ts and user.service.ts as separate files, I now have all the declarations in user.service.ts. This has significantly sped up development as there's no need to keep opening/ requiring multiple files.
However, an issue I encountered is receiving a circular dependency warning when simply importing the interface from the file, which leads to a file loop. I'm assuming this warning is harmless, but is there a way to ignore these warnings without filtering out circular services?
Sample File
Service A
import { ServiceB } from '../serviceB.service';
@Injectable()
export class ServiceA {}
Service B
import { C1, C2 } from '../serviceC.service';
@Injectable()
export class ServiceB {}
Service C
import { ServiceD } from '../serviceD.service';
export interface C1 {}
export interface C2 {}
@Injectable()
export class ServiceC {}
Service D
import { ServiceA } from '../serviceA.service';
@Injectable()
export class ServiceD {