FSD 아키텍처 - fsd-cli

FSD 아키텍처의 폴더 구성을 하기 우해서는 여러가지 폴더를 생성하고 공개 API 설정을 위한 index.js entry point를 구성해야한다.

 

하지만 이러한 작업을 간단히 하기 위해서는 아래의 도구를 사용할 수 있다.

 

https://github.com/feature-sliced/cli

GitHub - feature-sliced/cli: Utility to quickly generate layers, slices, and segments from Feature-Sliced Design.

 

설치

npm add -g @feature-sliced/cli

 

기본 명령어 구성

fsd [layout 명] [slice 명] --segments [세그먼트 파일 명...]

 

 

 

명칭은 위 이미지를 참고하여 사용을 하면된다.

 

예제: entities 레이아웃에 client 슬라이스를 생성하고 ui, api 세그먼트 폴더를 구성

fsd entities client --segments ui api

약어 사용

shared|s [options] [segments...]  Generate the Shared layer

entities|e [options] [slices...]  Generate the Entities layer
features|f [options] [slices...]  Generate the Features layer
widgets|w [options] [slices...]   Generate the Widgets layer
pages|p [options] [slices...]     Generate the Pages layer
app|a [options] [segments...]     Generate the App layer