StyledComponentsOptions

Defined in: core/index.ts:534

styled-components transform 옵션 (babel-plugin-styled-components 호환).

Properties

cssProp?

optional cssProp?: boolean

Defined in: core/index.ts:567

<div css={...}> JSX prop 을 module-level styled component 로 추출 (default: false). babel-plugin-styled-components default true 와 다르게 opt-in. intrinsic / custom (jsx_member_expression 포함) / css\`템플릿 / object form /${expr}동적 prop forwarding 까지 지원. auto-inject 시styled바인딩 충돌은_styled/_styled2` 로 자동 mangling.

---

displayName?

optional displayName?: boolean

Defined in: core/index.ts:536

devtools 표시용 displayName 자동 부여 (default: NODE_ENV !== “production”)

---

fileName?

optional fileName?: boolean

Defined in: core/index.ts:540

componentId 에 파일명 포함 (default: true)

---

meaninglessFileNames?

optional meaninglessFileNames?: string[]

Defined in: core/index.ts:553

basename 이 의미 없을 때 displayName prefix 를 parent dir 로 fallback 시키는 list (default: ["index"]). babel-plugin-styled-components 의 동일 옵션과 동등.

---

meta?

optional meta?: boolean

Defined in: core/index.ts:569

[meta] 표시 (default: false)

---

minify?

optional minify?: boolean

Defined in: core/index.ts:542

CSS 화이트스페이스 minify (default: true)

---

namespace?

optional namespace?: string

Defined in: core/index.ts:548

displayName / componentId 의 namespace prefix — 다중 styled 인스턴스 격리

---

pure?

optional pure?: boolean

Defined in: core/index.ts:546

styled.X 가 부수효과 없음을 minifier 에 알림 (default: false)

---

ssr?

optional ssr?: boolean

Defined in: core/index.ts:538

SSR hydration 안정화용 결정론적 componentId hash (default: true)

---

topLevelImportPaths?

optional topLevelImportPaths?: string[]

Defined in: core/index.ts:559

vendored fork 인식할 import source 목록 (e.g. @my-org/styled, @my-org/*, @{my-org,co}/*). picomatch 호환 glob — *, ?, [abc]/[a-z]/[!abc], {a,b} (nested 가능).

---

transpileTemplateLiterals?

optional transpileTemplateLiterals?: boolean

Defined in: core/index.ts:544

모던 JS 로 다운레벨된 템플릿 리터럴 인식 (default: true)