노쉬발 킵고잉/Css

sass 터미널로 설치

테스p 2022. 8. 8. 13:47

1. 터미널 열어서

2. cd + 사스설치원하는 폴더 드래그 + 엔터

3. 아래코드입력후 엔터

npm install -g sass

4. 원하는 폴더지정해서 확인하기

예를들어 나는 src안에있는app을 css로 변환해서 저기 public/assets안에다가 넣고싶다면

sass src/app.scss public/assets/app.css

이걸 입력하면

자동으로app.css와 css.map 생성

 

5. 그리고 이렇게 하이픈 --두개를 넣어주면 자동와칭해서 sass에서 입력후 저장하면 자동 css저장됨

sass --watch src/app.scss public/assets/app.css

하지만 min이 없음

sass --watch 파일명.scss:압축할파일명.min.css --style compressed

이걸 넣어주면 압축해서 됨

 

+번외

1. map파일은 무엇인가? 우선 app.css에 아래와같은 코드가생성되는데 이것은 

검사하면 디테일하게 나온다.

코멘트 해제를 하면 css로 경로가 보여진다.

최정적으로

sass -w 파일명.scss 파일명.min.css --style compressed --no-source-map

이렇ㄱㅔ 입력해주면 오직 min.css만 나오게된다!!