CLI

SEED Design CLI는 React와 Lynx에서 동일한 명령어를 사용해요. 이 페이지에서는 Lynx 프로젝트에서 달라지는 부분만 설명해요.

전체 명령어와 옵션은 CLI Commands를, 설정 파일 상세는 CLI Configuration을 참고하세요.

프레임워크 자동 감지

seed-design init 실행 시 프로젝트의 package.json에 @lynx-js/react 또는 @seed-design/lynx-react가 있으면 프레임워크가 자동으로 Lynx로 감지돼요.

◇  어떤 프레임워크를 사용하시나요?
│  Lynx   ← 자동 감지

--yes 플래그를 사용하면 감지된 프레임워크로 바로 설정 파일이 생성돼요.

npx @seed-design/cli init --yes

seed-design.json

Lynx 프로젝트에서 생성되는 설정 파일 예시예요.

{
  "tsx": true,
  "framework": "lynx",
  "path": "./seed-design",
  "telemetry": true
}

--framework 플래그

명시적으로 프레임워크를 지정하고 싶다면 --framework 플래그를 사용할 수 있어요.

npx @seed-design/cli add ui:switch --framework lynx

add, add-all, compat, docs 명령어에서 모두 사용할 수 있어요. 이 플래그는 seed-design.json의 framework 값을 일시적으로 덮어써요.

npx @seed-design/cli docs ui:switch --framework lynx

호환성 검사

compat 명령어는 프레임워크에 따라 검사하는 패키지가 달라요.

npx @seed-design/cli compat