3

これで、sassとcssディレクトリを持つ標準の Compass CSS プロジェクトができました。シナリオとして、.scssファイルの名前がfoo-all.scss.

コマンドラインまたはconfig.rbその他の手段を使用して、コンパスに「圧縮」スタイルを使用したファイルと「拡張」スタイルを使用したファイルの両方を生成させることは可能ですか?foo-all.cssfoo-all-debug.css

Compass は、ファイルとまったく同じ名前を持たない CSS ファイルの生成を拒否するように思え.scssます。できることは、CSS ファイルが生成されるディレクトリを指定することだけです。

4

2 に答える 2

2

私のMacOSXシェルでは、この方法でsassファイルから2つの異なるcss（production.cssおよびdevelopment.css）を生成することができました。original.scss

fc-iMac:sass fcalderan$ sass -t compact --watch original.scss:production.css & 
                        sass -t expanded --watch original.scss:development.css

（私は圧縮の代わりにコンパクトを使用しましたが、例はまだ有効です）

そうすることで、変更を加えるたびoriginal.scssに、同じフォルダーに2つの更新されたcssファイルがあります（出力スタイルが異なります）

もちろん、scss監視するファイルが多数ある場合は、単一のファイルではなく、監視するディレクトリ全体を指定できます（詳細については、SASSのドキュメントを参照してください）。

于 2012-06-14T15:19:39.047 に答える
2

これは Compass の欠点のようです。これは本当に珍しいことですか？とにかく、これが私が行ったものです。フォルダ構造が次のようになっているとします。

Rakefile
/foo
    /resources
        /css
            /debug
        /sass
            foo-all.scss

次に、Rakefile で、圧縮バージョンと展開バージョンの両方を生成するために、次のようにします。

Dir.chdir "foo/resources/sass" do
    # Compile both expanded and compressed variations
    debugdir = File.join(File.dirname(__FILE__), 'foo/resources/css/debug')

    sh "compass compile --output-style compressed --force"
    sh "compass compile --output-style expanded --force --css-dir #{debugdir}"
    mv "../css/debug/foo-all.css", "../css/foo-all-debug.css"
end

基本的に、圧縮された CSS ファイルを別の/debugディレクトリに生成し、それをそのディレクトリに移動して/css、CSS ファイル内の URL パスを保持します。コンパスはスイッチを使用するときに絶対パスを必要とするように見えるため（Windowsではとにかく）、シェナニガンdebudirが必要です。-css-dir

于 2012-06-20T17:26:15.813 に答える