22

他の Wordpress テーマ開発者は、Sass の圧縮出力スタイルを利用しながら、テーマ開発に Sass をどのように組み込んでいますか? Sass 圧縮ではすべてのコメントが削除されるため、現在、テーマ宣言を含む空の style.css と、圧縮された css をコンパスから呼び出す @import がありますが、これは最善の解決策とは思えません。

誰もこれを回避する方法を見つけましたか? そうでない場合、最善の解決策は何ですか？

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

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

4

2 に答える 2

42

スーパーショートバージョン：/*! loud comments */パッケージ化して配布する直前にSCSSを使用してコンパイルします。

2つの部分の答え、最初に「古い部分」：

「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リポジトリ内）。その要点：

  1. touchstyle.css出力ファイルを作成します。
  2. ライセンステキストを適用します。
  3. SCSSをコンパイルし、に追加しますstyle.css。

パート2：

Sassの最近のバージョンには、/*! loud comments */;のサポートが含まれています。つまり、怠惰なお尻を降りて、次のように更新する必要があります。

  1. style.scss大声でコメントを使用する際には、ライセンステキストとテーマの説明をその場に含めてください。
  2. ビルド/デプロイスクリプトを更新して、SCSSをコンパイルするだけです。
于 2011-08-22T17:37:53.403 に答える
2

コンパスを使用することをお勧めします。コメントは次のようになります。

/*! A loud SASS comment */
于 2013-04-23T07:54:19.630 に答える