stylex-swc-plugin

(★ 108)

Rust/NAPI-RS/SWC compiler for StyleX CSS-in-JS — a faster, Babel-free replacement for @stylexjs/babel-plugin with plugins for Next.js, Vite, webpack, Rspack, Rollup, Turbopack, PostCSS, and Jest.

파일 수가 많아 일부만 표시됩니다. 전체 파일은 위 다운로드 버튼으로 확인해 주세요.

  • .claude
  • .cursor
  • .czrc
  • .editorconfig
  • .gemini
  • .git-blame-ignore-revs
  • .gitattributes
  • .gitignore
  • .npmrc
  • .oxfmtrc.json
  • .oxlintrc.jsonc
  • .syncpackrc
  • AGENTS.md
  • Cargo.lock
  • Cargo.toml
  • CLAUDE.md
  • clippy.toml
  • CODEX.md
  • commitlint.config.js
  • CONTEXT-MAP.md
  • CONTEXT.md
  • CURSOR.md
  • GEMINI.md
  • LICENSE
  • Makefile
  • NOTICE.md
  • README.md

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/Dwlad90/stylex-swc-plugin

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd stylex-swc-plugin

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
npm install --save-dev @stylexswc/nextjs-plugin

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm install @stylexjs/stylex

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm install --save-dev @stylexswc/unplugin

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

3. Rust

보통
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Rust (rustup) rustup으로 설치하면 cargo도 함께 설치됩니다.
cargo build --release

Rust 프로젝트를 컴파일합니다.

cargo run

빌드 후 바로 실행까지 진행합니다.

cargo build가 에러 없이 끝나면 성공입니다. target/ 폴더에 실행 파일이 생성됩니다.

4. Make

보통
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Make Linux/macOS는 보통 기본 설치되어 있습니다. Windows는 별도 설치(예: MSYS2, WSL)가 필요합니다.
make setup

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

make build

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

make test

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

make quick-check

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

에러 없이 끝나면 성공입니다. 생성된 실행 파일을 직접 실행해보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation