2011-02-04 6 views
15

他のWordpressテーマ開発者は、圧縮された出力スタイルを利用しながら、Sassをテーマ開発に組み込む方法を教えてください。 Sass圧縮はすべてのコメントを削除するので、私は現在、私のテーマ宣言と空のstyle.cssと、コンパイルから縮小されたCSSを呼び出す@importを持っていますが、これは最善の解決策のようには思えません。Wordpress用テーマコメントヘッダーを残しながらSass圧縮出力を使用する

誰かがこれを回避する方法を見つけましたか?もしそうでなければ、最高の解決策は何でしょうか?

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

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

+0

- Wordpressのテーマ宣言 – Alvin

答えて

31

SUPER SHORT VERSION:使用/*! loud comments */だけ包装、配布する前に、SCSSをコンパイルします。

二つの部分の答え、 "古い部分" 最初:https://github.com/founddrama/orin

第一部:私src/scss

  • は私の "おりん" のテーマを開発する際、私はサス/ SCSSを使用ディレクトリ内には、すべて私の_include.scssファイルとstyle.scssファイルのすべてが@importステートメントを保持しています。

  • 開発中は、通常はsass --watchを実行します(style.scssファイルを保存することを忘れないようにするための追加ステップです)。
  • SCSSソースがバージョン管理に適していると見なしたら、をstyle.cssに作成し、配布されるテーマのバージョンコントロールにチェックインするだけです。

私のケースでは、「Orin」は私のためだけなので、ブログサーバーで更新するときにビルドを実行しますが、SCSSコンパイルはパッケージ化/配布前に簡単に実行できます。使用しているビルドスクリプトはhereです(そのGithubリポジトリ内)。その要点は、style.css出力ファイルを作成するには

  1. touchです。
  2. ライセンステキストを適用します。
  3. SCSSをコンパイルし、style.cssに追加します。

第二部:サスの

より最近のバージョンでは、/*! loud comments */のサポートが含まれ;私は私の怠惰なお尻や更新をオフに取得する必要があることを意味:

  1. は大声でコメントを使用してstyle.scssで右がライセンステキストやテーマの説明を含めます。
  2. SCSSをコンパイルするためにbuild/deployスクリプトを更新します。
+1

ラウドコメントの仕事についてうるさいです。ありがとう。私が答えることができたら私は答えとしてマークしたい。 –

+0

これは縮小で機能しますか? –

+1

@ NathanArthur - Sassに組み込まれている小型化装置について話していると仮定して、**はい。**/*!大声コメント*/'は、ミニファイアがそれを保持するが、_other_コメントをすべて削除するということです。 – founddrama

1

まあ、私はCompassを使用することをお勧めします。 コメントは次のようになります。私は、同じ方法を使用する傾向がある

/*! A loud SASS comment */ 
関連する問題