SASS Start Kit
반복되는 스타일 초기 세팅을 단 한 번의 @use로 해결하는 SCSS 스타터 키트입니다.
기본정보
프로젝트 시작 시 반복적으로 세팅하는 SCSS 초석을 빠르게 불러오기 위한 템플릿입니다. core.scss 한 파일만 포함하면 reset, typography, color 시스템과 자주 쓰는 믹스인이 한 번에 준비됩니다.
주요 특징
@use기반의 모듈식 구조로 부분 파일 간 의존성을 명확히 관리합니다.- 플랫 컬러 팔레트와 반응형 브레이크포인트가 미리 정의되어 빠른 커스터마이징이 가능합니다.
- 실무에서 자주 쓰이는 레이아웃/유틸리티 믹스인을 문서화된 형태로 제공합니다.
빠른 시작
- 패키지 설치:
npm install - 개발 모드:
npm run watch- 내부적으로
sass --watch scss:css가 실행되어scss/변경을 실시간으로css/에 반영합니다.
- 내부적으로
- 출력 경로를 바꾸고 싶다면
package.json의watch스크립트를 수정하세요.