goorm ide에서 SCSS 컴파일하기

배코딩·2022년 5월 1일
0

note

목록 보기
32/149

방법

  1. https://github.com/sass/dart-sass/releases 여기서 운영체제 맞는 거 중에 ia32 다운
    리눅스의 경우 dart-sass-1.51.0-linux-ia32.tar.gz

  2. goorm ide에 scss, css 파일이 있는 디렉토리에 업로드

  3. 터미널에 tar xvzf dart-sass-버전치면됨(ex:1.51.0)-linux-ia32.tar.gz 실행

  4. 터미널에 export PATH="./dart-sass:$PATH" 실행

  5. sass style.scss style.css (sass scss파일명 변환및생성될css파일명)

  6. 만약 5번 명령어가 실행이 안된다면

    sudo dpkg --add-architecture i386 && sudo apt-get update

    sudo apt-get install libc6:i386 zlib1g:i386 lib32stdc++6

    요 두개를 실행한 후 sass --version을 쳐서 버전이 잘 나오면 해결된 것.



css와 scss 연동하여 scss 파일 저장 시 즉시 컴파일하여 css 수정하기

  1. 터미널에 sass --watch 파일명.scss 파일명.css 실행
profile
PS, 풀스택, 앱 개발, 각종 프로젝트 내용 정리 (https://github.com/minsu-cnu)

0개의 댓글