Javascript/Typescript 생태계에는 소스코드 간 의존관계를 유향그래프(Direct Graph)로 시각화하는 CLI 도구가 있다는 사실... 알고 계신가요? madge, 적극적으로 추천합니다.
그냥 JS/TS 프로젝트 뿐만이 아니라, jsx 파일이 들어간 경우도 의존관계를 아름답게 시각화해줍니다. fedify 소스코드 통독하면서 이걸 적극적으로 써볼까 합니다. 마치.... 탐정이 사건 추적하면서 지도에 X 표시하는 감성으로...
Javascript/Typescript 생태계에는 소스코드 간 의존관계를 유향그래프(Direct Graph)로 시각화하는 CLI 도구가 있다는 사실... 알고 계신가요? madge, 적극적으로 추천합니다.
그냥 JS/TS 프로젝트 뿐만이 아니라, jsx 파일이 들어간 경우도 의존관계를 아름답게 시각화해줍니다. fedify 소스코드 통독하면서 이걸 적극적으로 써볼까 합니다. 마치.... 탐정이 사건 추적하면서 지도에 X 표시하는 감성으로...
이번에는 디렉토리 단위로 그룹화한 버전...
depcruise fedify --include-only "^fedify" --output-type dot -- fedify/**/*.ts | dot -T svg > dependency-graph.png
dependency-cruiser라는 리포지토리도 있다.
3 people reacted.
♾️ #AutisticActually
✨ Appeared: Sports Seoul; The Daily Report Arirang
©️ #CCBySA4
🐬 only me
🛖 https://im.youronly.one
🆔 https://iam.youronly.one
📚 https://wiki.youronly.one
SNS:
💫 @youronlyoneYohan Yukiya Sese Cuneta 사요한🦣
🦋 @youronly.one
🖼️ @youronlyoneYohan Yukiya Sese Cuneta 사요한🖼
Jeju.social의 소유자. 서버가 베타 버전입니다.
Owner of Jeju.social. Server is in beta.