wake-up-neo.com

PHPStorm: Wie kann ich WENIGER einrichten, um mit File Watcher in ein CSS-Verzeichnis auszugeben?

Wie kann ich mithilfe von File Watchers in PHPStorm den Ausgabepfad LESS File Watchers einrichten:

Ich will:

/project/path/less/dir/file.less

ausgeben an:

/project/path/css/dir/file.css

oder

/project/path/less/file2.less

ausgeben an:

/project/path/css/file2.css

Ich sehe keine klare Möglichkeit, dies mit den Output Path-Makros in PHPstorm zu erreichen. Mit dem FileDirRelativeToProjectRoot-Makro kann ich den Pfad zum aktuellen Verzeichnis abrufen. Es gibt jedoch keine eindeutige Möglichkeit,/less durch/css im Pfad zu ersetzen.

21
aaronp

Siehe meine verwandte Antwort für JADE File Watcher .

Der Trick ist die Verwendung von $FileDirPathFromParent(dir)$ macro:

$ProjectFileDir$/css/$FileDirPathFromParent(less)$ erzeugt /project/path/css/dir/ für eine Datei im /project/path/less/dir/-Verzeichnis.

42
CrazyCoder

Ich möchte eine Datei weniger aus kompilieren

sites/all/themes/bic/res/less/style.less to sites/all/themes/bic/res/css/style.css

Hier ist was ich getan habe 

enter image description here

Die verwendeten Argumente lauten also: --no-color $ Dateiname $ ../css/$FileNameWithoutExtension$.css

Dies erzeugt Folgendes:/usr/local/bin/lessc --no-color blogs.less ../css/blogs.css in der Phpstorm-Konsole und funktioniert einwandfrei.

Ich könnte etwas vermissen. Ich habe jedenfalls "--no-color $ FileName $ $ ProjectFileDir $/sites/all/themes/bic/res/css/$ FileDirPathFromParent (weniger) $" und "--no-color $ FileName $ $ ProjectFileDir $ ausprobiert /sites/all/themes/bic/res/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css ". Keiner von ihnen arbeitet für mich. Schreibe einfach meine Lösung hier, was einigen Leuten helfen könnte, die das gleiche Problem mit mir haben.

4
smiletrl

Ändern Sie einfach Ausgabepfad in Refresh in ../css/$FileNameWithoutExtension$.css

Update: In der neuen Version von LESS sollten Sie Ihre Schrägstriche im von Ihnen angegebenen Pfad umkehren. So sollte es sein: ..\css\$ FileNameWithoutExtension $ .css

4
Andrew Bogdanov

Ich hatte ein ähnliches Problem mit dem Scss-Datei-Watcher zur Ausgabe in das CSS-Verzeichnis

Das habe ich getan.

  1. In Argumenten --no-cache --update $ProjectFileDir$/css/style.css
  2. In Ausgabepfade zum Aktualisieren $ProjectFileDir$/css/$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

Sie können dies ändern, um mitLESSzu arbeiten.

0
Japheth Obala

Um das Ausgabeverzeichnis für weniger Compiler zu ändern. 
Öffnen Sie den Edit-Watcher. In diesem Fall ändern sich die Ausgabepfade, die in diesem Eingabefeld aktualisiert werden sollen, wie ../yourfolderpath/$FileNameWithoutExtension$.css. Jetzt können Sie weniger Kompilierungen .css zu diesem Pfad sehen.

0
Peterjoee Raj