2011-02-04 2 views
15

다른 Wordpress 테마 개발자는 압축 된 출력 스타일을 활용하면서 Sass를 테마 개발에 어떻게 포함시킬 수 있습니까? Sass 압축은 모든 주석을 제거하므로 현재는 내 theme 선언과 함께 빈 style.css가 있고 나침반에서 minified css를 호출하는 @import가 있지만이 방법은 최상의 솔루션처럼 보이지 않습니다.Wordpress 용 테마 코멘트 헤더를 남기면서 Sass 압축 출력 사용

누구든지이 문제를 해결할 방법을 찾았습니까? 최선의 해결책은 없을까요?

http://codex.wordpress.org/Theme_Development#Theme_Stylesheet

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#id40

+0

내가 같은 방법을 사용하는 경향 - 워드 프레스 테마 선언 – Alvin

답변

31

SUPER SHORT VERSION : 사용 /*! loud comments */ 그냥 포장 및 배포하기 전에 SCSS를 컴파일합니다. 내 src/scss에서

  • : https://github.com/founddrama/orin

    부 : 첫째

    두 부분의 대답, "이전 부분"내 "오린"테마를 개발할 때

    내가 말대꾸/SCSS를 사용 디렉토리에있는 모든 _include.scss 파일과 모든 @import 문을 포함하는 style.scss 파일을 보관합니다.

  • 개발 중에는 보통 sass --watch을 실행합니다 (style.scss 파일을 저장하는 것을 잊지 마십시오).
  • SCSS 소스가 좋게 보이고 버전 관리가 이루어지면 을 style.css에 작성하고 배포 할 테마의 버전 컨트롤로 확인하면됩니다.

내 경우 "Orin"은 나를위한 것이기 때문에 블로그 서버에서 업데이트 할 때 빌드를 수행하지만 SCSS 컴파일은 패키징/배포 전에 쉽게 수행 할 수 있습니다. 내가 사용하고있는 빌드 스크립트는 here입니다 (Github 레포에 있음). 그 중 요지 :

  1. touch 출력 파일을 만들려면 style.css;
  2. 라이센스 텍스트를 적용하십시오.
  3. SCSS를 컴파일하고 style.css에 추가하십시오.

2 부 : 말대꾸의

최신 버전은 /*! loud comments */에 대한 지원을 포함; 내가 게으른 엉덩이 및 업데이트에 하차해야한다는 것을 의미 :

  1. 라이센스 텍스트와 style.scss에서 바로 테마 설명 시끄러운 주석을 사용하여 포함을;
  2. SCSS를 컴파일하기 위해 build/deploy 스크립트를 업데이트하십시오.
+1

크게 댓글 작업에 대한 까다로운입니다. 감사. 내가 대답 할 수 있다면 대답 할께. –

+0

이 기능은 축소 기능과 함께 작동합니까? –

+1

@ NathanArthur - 당신은 Sass에 내장 된 미니 화제에 대해 말하고 있다고 가정합니다. ** 예. **/*! 시끄러운 주석 * /'은 미니언이 그것을 유지하지만 _other_ 주석을 모두 제거한다는 것입니다. – founddrama

1

음, Compass을 사용하시기 바랍니다. 의견은 다음과 같아야합니다

/*! A loud SASS comment */