시작하기
@euid/scss-mixins 라이브러리를 활용해 프로젝트 시작하기
패키지 설치
@euid/scss-mixins 패키지 설치는 다음의 2가지 방법 중 하나를 선택해 사용할 수 있습니다.
방법 1. NPM 명령을 사용해 @euid/scss-mixins 패키지 설치 (권장)
npm i @euid/scss-mixins
방법 2. GitHub yamoo9/scss-mixins 저장소 복제
git clone https://github.com/yamoo9/scss-mixins.git
패키지 호출
@euid/scss-mixins 패키지 호출은 다음의 2가지 방법 중 하나를 선택해 사용할 수 있습니다.
방법 1. 상대 경로 활용
별도 설정 없이 패키지를 호출해 사용할 경우, 상대 경로 방식으로 @euid/scss-mixins 패키지를 찾습니다.
@import '../node_modules/@euid/scss-mixins';
방법 2. 임포트 경로(load path) 설정 (권장)
Dart Sass CLI 명령을 사용해 node_modules
디렉토리의 패키지를 불러올 수 있도록 설정합니다.
sass -I node_modules src/sass:dist/css
패키지에서 모든 믹스인을 가져와 사용하려면 다음과 같이 호출 코드를 작성합니다.
@import '@euid/scss-mixins';
Last updated
Was this helpful?