Sass 설정하기

2017-05-08 2 views -1 likes

-1

Github Pages에서 내 포트폴리오 사이트를 구축했습니다. 이제 포트폴리오 2.0을 시작 했으므로 Sass를 사용하고 싶습니다.Sass 설정하기

저는 Sass를 사용했지만 직접 설정하지 않았습니다. 지금까지 gem install sass을 사용하여 Sass를 설치했고 파일을 설정했지만 제대로 컴파일하는 방법을 모르겠습니다.

파일 구조 :

styles.css 
scss/ 
    _banner.scss

을 styles.css 내용 :

@import 'scss/_banner';

내가 어딘가에 컴파일 단계를 실종? Github Pages에 Sass를 사용할 수도 있습니다.

2017-05-08 Rokitar

코알라 도구를 사용하면 쉽게 컴파일 할 수 있으며 Github 페이지에서도 작동합니다. http://koala-app.com/ –

scss 폴더를'styles.css'로 컴파일하려면 sass 작업을 실행해야합니다. 그런 식으로 가져 오십시오. – dommmm

@dommmm 어떻게해야합니까? – Rokitar

답변

내 솔루션의 경우 을 styles.scss으로 바꿨습니다. 단일 페이지 응용 프로그램에 부분 파일을 만들지 않기로 선택했습니다.

그러면 터미널에서 $ sass --watch css/styles.scss:css/styles.css을 실행하면 Sass 파일을 저장할 때마다 CSS가 컴파일됩니다. 이 명령은 컴퓨터에서 파일을 컴파일 할 위치와 위치를 가리 킵니다.

@dommmm에게 감사의 말에 YouTube 비디오 솔루션으로 안내해 주셔서 감사합니다.

2017-05-25 04:44:36 Rokitar