sass-自動縮小で監視しますか？

235

実行する方法はありますか：

sass --watch a.scss:a.css

しかし、a.css縮小されてしまったのでしょうか？

スタイルシートをコンパイルするときに、別の縮小ステップを実行する必要がないようにするにはどうすればよいですか？

css sass minify

— テスター
ソース

回答:

546

sass --watch a.scss:a.css --style compressed

更新については、ドキュメントを参照してください。

— テスター
ソース

また、「プレーン」のCSSをこのように縮小化することができますsass --watch a.css:a.min.css --style compressed --scss

— SAM

すべての出力スタイルがここにリストされています（ネスト、拡張、コンパクト、および圧縮）

— allicarn

次のようなスタイルの組み合わせで出力を取得できますか？圧縮出力と拡張出力も必要です。どうやってするか？

— Temp O'rary 2015

これは私にとってsassが非縮小と縮小の両方のcssファイルを同時に作成するのに役立ちますsass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss

— Alex Wright

これはSassの最新バージョン3.5.4では機能しないようです。

— Chewy、

あなたが使用している場合はJetBrainsののような編集者のIntelliJ IDEA、PhpStorm、WebStormなど使用して、[設定]> [ファイルウォッチャーで以下の設定を。

変換style.scssしstyle.cssて引数を設定します

--no-cache --update $FileName$:$FileNameWithoutExtension$.css

更新する出力パス

$FileNameWithoutExtension$.css

引数style.scssを圧縮style.min.cssセットに変換

--no-cache --update $FileName$:$FileNameWithoutExtension$.min.css --style compressed

更新する出力パス

$FileNameWithoutExtension$.min.css

— マダンサポコ
ソース

コンパスを使用している場合：

compass watch --output-style compressed

— オリビエ・ロイネット
ソース

これはコンパスコマンドであり、sassだけではありません。コンパスが使用されていない場合に使用されていると想定しています。

— Doyle Lewis

sassの代わりにコンパスを使用しているので、これも私にとってはうまくいきます。

— fedmich 2015

このコードがコンパスであるという理由だけで反対票を投じた人は、反対票が本当に彼にとって必要かどうかをもう一度考えるべきです

— fedmich

なぜ人々はこの回答に反対票を投じるのでしょうか？これがまさに私が最初に探していたものであり、minify compass outputGoogle検索がここをリードしているので、私だけではないことは明らかです。

— Kunok

@fedmichは、元の質問でコンパスが言及されたことがないため、また、この回答には実際のコマンドの説明がないため、コンパスを使用しないと役に立ちません。私は反対票を投じませんでしたが、それが理由だと思います。少なくとも数語の説明があれば、これは完全に良い答えになります。

— Matthias Seifert、