1

Windows マシンにノード パッケージ マネージャー (npm) をインストールしてから、「npm install less -g」コマンドを実行し、PhpStorm で LESS 用のファイル ウォッチャーをセットアップしました。これは非常にうまくいきました。また、.less ファイルがある less フォルダーではなく、css フォルダーに .css ファイルを配置することもできました。次のステップは yuicompressor をインストールすることだったので、コマンド「npm install yuicompressor -g」を実行しました。そして、CSS 用の yuicompressor を追加して PhpStorm にセットアップしましたが、空の .min.css ファイルしか作成されません。

私が設定したPhpStormウォッチャー設定で：

  • プログラム: 「C:\Users\XXX\AppData\Roaming\npm\yuicompressor.cmd」
  • そして、「標準出力から出力ファイルを作成する」ボックスにチェックを入れました

私はこれを達成したい: .less (project_root/less) -> .css (project_root/css) -> .min.css (project_root/css)

同じ問題を抱えている人は他にいますか、解決策が見つからないようです。

ところで、uglify-js もインストールしようとしましたが、同じ結果で、空の .min.js ファイルしか作成されません。

いくつかの追加情報、私の環境変数は次のとおりです。

  • パス (ユーザー) = C:\Users\XXX\AppData\Roaming\npm
  • パス (システム) = C:\Program Files\nodejs\
4

1 に答える 1

1

「標準出力から出力ファイルを作成」​​を削除し (yui CSS ファイル ウォッチャーから、LESS ファイル ウォッチャーでチェックしたままにしました)、動作しているように見えました。ただし、LazyOne のリンクに記載されている .jar ファイルではなく、yuicompressor.cmd にリンクする必要がありました。また、LESS ファイル ウォッチャーでは「即時ファイル同期」のチェックを外す必要がありましたが、yui CSS ファイル ウォッチャーではチェックする必要がありました。

LESS ファイル ウォッチャー

yui CSS ファイルウォッチャー

編集時に .less ファイルを保存するだけで「LESS -> CSS -> CSS 圧縮」に移行するのは非常に難しいようですが、この設定でようやく機能しました。

于 2013-06-09T10:52:20.107 に答える