web-dev-qa-db-ja.com

PHPStormでSCSS File Watcherを使用してCSSを縮小する方法IDE

SASS FileWatcherを構成して縮小CSSを構築する方法はありますか？

現在SASS + YUI Compressorを構成してこれを実現していますが、可能であれば純粋なSASSでこれを実行したいと考えています。

以下は、両方の構成のスクリーンショットです。

[〜＃〜] sass [〜＃〜]

YUIコンプレッサーCSS

前もって感謝します。

sassminifyphpstormyui-compressor
29
achucuan

おそらくこれを実現する最も速い方法は、前のコメントで述べた圧縮オプションを引数として使用することです。これをPHPStormで設定する最も簡単な方法は次のとおりです。

  • File > Settingsに移動
  • 内部Project Settings選択File Watchers
  • ここですでにSCSSウォッチャーを作成しているはずです（SCSSウォッチプラグインを有効にしている場合、PHPStormは新しい.scssファイルを開くときにウォッチャーを作成するようプロンプトを表示します）。 公式ドキュメント 、）次に、「+」記号を押して新しいウォッチャーを作成します。
  • ウォッチャー名をダブルクリックして、その構成にアクセスします。
  • Arguments行に、必ず--style compressed引数を追加してください
  • [OK]をクリックして完了です

この画像は、その構成がどのように見えるかを示しています。

Compressed SCSS settings in PHPStorm

その時点から、.css出力ファイルが圧縮されます。

57
E. Serrano

Linux（Arch）でsasscを使用している場合は、引数として使用できます。

-t compressed -m auto $FileNameWithoutExtension$.scss $FileNameWithoutExtension$.min.css
0
SYS64738