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.
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.
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
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.
Ä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
Ich hatte ein ähnliches Problem mit dem Scss-Datei-Watcher zur Ausgabe in das CSS-Verzeichnis
Das habe ich getan.
- In Argumenten
--no-cache --update $ProjectFileDir$/css/style.css - In Ausgabepfade zum Aktualisieren
$ProjectFileDir$/css/$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css
Sie können dies ändern, um mitLESSzu arbeiten.
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.