web-dev-qa-db-ja.com

PHPStormでCSSとJSコードを圧縮しますか?

PHPStormを使用しています。これは、Web開発者にとって非常に優れたソフトウェアです。

CSSとJSファイルをPHPStormで圧縮したいのですが、PHPStormにオプションが見つかりません。

それで、PHPStormでCSSとJSコードを圧縮する方法を教えてください。

17
Jooxa

見つかりました Assets Compressor プラグイン。それが役立つかどうかを確認してください。

編集-@ spadeが指す新しいリンクに変更されました

21
web-nomad

PHPStormは、 File Watchers による縮小をサポートしています。 「箱から出して」YUICompressorとの統合をサポートしますが、いくつかの問題があります。たとえば、 calc()関数を使用 。私の解決策は minifier を使用することです:

  1. 手順を繰り返して、Node.jsとnpmを JetBrainsマニュアル からインストールします。
  2. YUI Compressorのようなミニファイアをマニュアルにインストールします(npm install minifier
  3. ミニファイアのドキュメントには、「npmを介してインストールすると、通常の場所にバイナリ(ミニファイ)が作成されます」と記載されていますが、見つかりませんでした(おそらく、Windowsでは作成されません)。 Index.jsファイルはnode index.jsコマンドで実行できますが、PHPStormはこの方法を維持しません(「プログラムを実行するように設定してください!」エラーがスローされます)。そこで、次の内容の.batファイルを作成しました。

echo off
node path\to\minifier\index.js %*
  1. 次に、Program入力フィールドのPHPStormウォッチャー設定で、.batファイルへのパスを設定します。 Minifierは出力パスの設定に別の方法を使用するため、Argumentsフィールドを変更する必要があることに注意してください。$FileName$ --output $FileNameWithoutExtension$.min.css
4
Dmitry

関連する機能リクエストをご覧ください。

  • WEB-2138 自動JavaScriptおよびCSSミニファイをサポート
  • WEB-2125 展開前および展開後のコマンド

現時点では、@ Pushpeshによって提案されているようなサードパーティのツール/プラグインを使用できます。

1
CrazyCoder