programing

Wordpress에 대한 테마 주석 헤더를 남기면서 Sas 압축 출력을 사용합니다.

elseif 2023. 3. 25. 10:53

Wordpress에 대한 테마 주석 헤더를 남기면서 Sas 압축 출력을 사용합니다.

다른 Wordpress 테마 개발자들은 압축된 출력 스타일을 활용하면서 어떻게 Sass를 테마 개발에 포함시킬까요?Sass compressed는 모든 코멘트를 삭제하기 때문에 현재 빈 style.css와 테마 선언 및 @import를 사용하여 콤파스에서 최소화된 css를 호출하고 있지만, 이것이 최선의 해결책은 아닌 것 같습니다.

이 문제를 해결할 방법을 찾은 사람이 있나요?그렇지 않다면 어떤 방법이 가장 좋을까요?

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

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

SUPER 쇼트 버전/*! loud comments */패키지화 및 배포 직전에 SCSS를 컴파일합니다.

두 가지 부분, "오래된 부분" 먼저 대답:

저는 "Orin" 테마를 개발할 때 Sass/SCSS를 사용했습니다.https://github.com/founddrama/orin

파트 1:

  • 인마이src/scss디렉토리, 내 모든 것을 보관합니다._include.scss파일 및style.scss모든 파일을 포함하는 파일@import진술들.
  • 개발 중에, 저는 그냥 평상시처럼 실행해요.sass --watch(단, 이 절차를 기억해야 합니다만)style.scss파일)을 클릭합니다.
  • SCSS 소스가 양호하고 버전 관리에 전념하게 되면,style.scss안으로style.css배포되는 테마의 버전 관리로 체크인을 합니다.

제 경우, "Orin"은 저만의 것이므로 블로그 서버에서 업데이트를 할 때 빌드를 수행합니다만, SCSS 컴파일은 패키징/배포 전에 간단하게 실시할 수 있습니다.사용하고 있는 빌드 스크립트는 다음과 같습니다(Github repo에서).

  1. touch작성하다style.css출력 파일
  2. 라이선스 텍스트를 적용합니다.
  3. SCSS를 컴파일하여 에 추가하다style.css.

파트 2:

Sass의 최신 버전에는 다음 지원이 포함되어 있습니다./*! loud comments */즉, 게으른 엉덩이에서 벗어나 다음 사항을 업데이트해야 합니다.

  1. 라이센스 텍스트와 테마 설명을 여기에 입력합니다.style.scss큰 코멘트를 사용합니다.
  2. 빌드/전개 스크립트를 업데이트하여 SCSS를 컴파일합니다.

음, 나는 당신이 나침반을 사용하는 것을 제안합니다.코멘트는 다음과 같습니다.

/*! A loud SASS comment */

언급URL : https://stackoverflow.com/questions/4893215/using-sass-compressed-output-while-leaving-theme-comment-header-for-wordpress