2014-01-16 3 views
0

저는 SASS/SCSS를 처음 접했고 메인 디렉토리에있는 CSS 파일과 함께 git 프로젝트를 얻었습니다. 서브 디렉토리에서 partial을 가져올 것입니다. 서버에 sass를 설치하고 서버의 scss 파일을 실시간 편집 한 후 css 파일이 자동으로 만들어 지도록 나침반 프로젝트를 만들 수 있는지 궁금합니다. 또는 파일 워처와 함께 로컬이어야합니까? 이미 서버에서 나침반 프로젝트를 설정하려고했지만 CSS 파일이 자동으로 만들어지지 않았습니다. 설정이 잘못되었거나 이런 식으로 사용할 수 없습니까?SCSS 프로젝트를 구성하는 방법은 무엇입니까?

가능한 경우 단계별 자습서가 있습니까? 이미 찾았습니다 this

아마도 문제는 경로입니다. 내 config.rb에서 sass와 css 디렉토리가 프로젝트 경로와 같은 경우 문자열에 무엇을 쓸지 모른 채 경로를 변경했습니다. "/"또는 빈 문자열을 사용하지 않았습니다.

+0

Sass 나 Compass에 대한 설치 지침을 읽으셨습니까? – cimmanon

답변

1

Sass와 Compass는 모두 감시 명령을 제공합니다.

sass --watch input.scss:output.css (options) 

또는 올바르게 vairable 당신의 css_dir를 설정하여 나침반 설정 파일을 가지고 가정 : 당신이 중 하나를 사용할 수 있습니다

compass watch 

그 중 하나는 변화에 CSS 파일을 다시 컴파일해야합니다. 이 작업을 서버에서 실시간으로 수행하려면 서버에서 watch 명령을 실행해야합니다.

+0

감사합니다. 나는 sass --watch my_filename.scss : my_filename.css --style 디렉토리에서 main.css가 하위 디렉토리에서 여러 부분을 가져 오는 압축을 시도했다. 하지만 내 _colors.scss (오류 메시지 : 파일을 찾을 수 없거나 읽을 수 없음)을 읽을 수 없습니다. 하지만 이미 PHP 폭풍으로 현지에서 일했습니다. 이 파일에는 색상 변수가 있습니다. 가져온 파일 중 첫 번째 파일입니다. CSS 파일이 작성되지 않았습니다. 그 오류 이후에 컴파일되지 않기 때문에 5 월 왜 이미 로컬 근무했기 때문에이 오류가 있는지 모르겠다. – user2718671

+0

아, 미안, 오타가 있었어. 입출력 이름은 동일해야합니다. 이제 작동합니다! 다시 Thx! :) – user2718671

0

@ aerook의 답변에 점을 추가하려면 프로젝트에 scss 및 css 파일이 여러 개있을 수 있습니다. 이 경우 당신은 CSS를 디렉토리 변경을 할 수있는 전체하는 SCS 디렉토리를보기 위해 다음과 같은 사용할 수 있습니다 SCS들 --watch

말대꾸 : CSS

PS : SCS들과 CSS가있는 폴더 이름입니다 동일한 디렉토리 경로.

관련 문제