npm install -g sass
npm show sass version
먼저 scss 폴더 안에 scss 파일을 작성한 다음
아래 명령어를 치면
scss -> css 파일로 변환되어 css 파일이 생기게 됩니다.
sass ./scss/style.scss ./css/style.css
근데 매번 수동으로 sass한테 명령을 내리면 불편하니까
--watch라는 플래그를 넣어 sass가 해당 파일을 감시하게 만들 수 있습니다.
sass --watch <input 폴더> <output 폴더>
sass --watch ./scss/style.scss ./css/style.css
그럼 scss 파일을 작성하고 저장할때마다 아래처럼 컴파일되었다고 날짜와 시간이 뜬다.
그런데 scss 디렉토리에 있는 모든 파일을 css로 변환한 후에
다른 디렉토리로 이동해야한다면 아래와 같이 작성해줍시다.
sass --watch ./scss:./css반응형