5 Punkte von younghyun753 2025-12-18 | 2 Kommentare | Auf WhatsApp teilen

Ich habe ein FSD-ESLint-Plugin gebaut!

Hallo.
Während ich eine Feature-Sliced-Design-(FSD)-Struktur verwendet habe, wollte ich Regeln automatisch durchsetzen und habe deshalb ein ESLint-Plugin gebaut.

Derzeit sind die folgenden zwei Regeln implementiert.

Regelliste

no-cross-layer-import
→ Verhindert Imports, bei denen eine höhere Layer in eine niedrigere Layer eindringt.

segment-naming-rule
→ Erzwingt die Benennung von FSD-Segmenten.

Derzeit sind die erlaubten Segmente auf Folgendes beschränkt.
api / ui / model / lib / config

Weitere Details stehen in der GitHub-README!

Es ist noch in einem frühen Stadium, daher habe ich bisher nur Dinge hinzugefügt, die ich persönlich beim Arbeiten an Projekten für notwendig halte.

Persönlich finde ich bei ESLint-Plugins, dass die Produktivität eher sinkt, wenn man zu viele Regeln anwendet, daher habe ich es bewusst minimal gehalten! Da dies mein erstes Plugin dieser Art ist, wollte ich es hier posten und um Rat bitten.

Falls jemand Interesse hat, wäre ich für Feedback wirklich sehr dankbar!!

Repo: https://github.com/kyh0726/fsd-eslint-plugin

2 Kommentare

 
wlehgus78 2025-12-18

Wow … das habe ich wirklich gebraucht, danke!!
Ich habe vor Kurzem FSD in mein Projekt eingeführt, hatte aber Bedenken, weil eine klare Definition der Layer und Segmente schwierig ist und auch die Verwaltung aufwendig war … Ich werde es ausprobieren und später eine Rückmeldung hinterlassen!!

 
younghyun753 2025-12-19

Oh, danke haha. Ich hoffe, es war hilfreich!