web-dev-qa-db-fra.com

PHPStorm: Comment configurer LESS pour sortir dans un répertoire CSS avec File Watcher?

Comment utiliser File Watchers dans PHPStorm pour configurer le chemin de sortie de LESS File Watchers dans cet objectif:

Je voudrais:

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

pour sortir à:

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

ou

/project/path/less/file2.less

pour sortir à:

/project/path/css/file2.css

Je ne vois pas de moyen clair pour que cela se produise avec les macros Output Path dans PHPstorm. Avec la macro FileDirRelativeToProjectRoot, je peux obtenir le chemin du répertoire en cours, mais il n'y a pas de moyen clair de remplacer/less par/css dans le chemin.

21
aaronp

Voir ma réponse associée pour JADE file watcher , je pense que ce serait la même chose pour LESS.

L'astuce consiste à utiliser la macro $FileDirPathFromParent(dir)$:

$ProjectFileDir$/css/$FileDirPathFromParent(less)$ produira /project/path/css/dir/ pour un fichier situé dans le répertoire /project/path/less/dir/.

42
CrazyCoder

Je veux compiler un fichier de moins à partir de

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

Voici ce que j'ai fait 

enter image description here

Donc, les arguments que j'ai utilisés sont: --no-color $ FileName $ ../css/$FileNameWithoutExtension$.css

Cela produira:/usr/local/bin/lessc --no-color blogs.less ../css/blogs.css sur la console phpstorm, et fonctionne bien.

Je pourrais manquer quelque chose. Quoi qu'il en soit, j'ai essayé "--no-color $ FileName $ $ ProjectFileDir $/sites/all/themes/bic/res/css/$ FileDirPathFromParent (less) $" et "--no-color $ FileName $ $ ProjectFileDir $ /sites/all/themes/bic/res/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css ". Ni l'un ni l'autre ne travaille pour moi. Il suffit donc de poster ma solution ici, ce qui pourrait aider certaines personnes qui ont le même problème avec moi ..

4
smiletrl

Il suffit de changer Le chemin de sortie à actualiser en ../css/$FileNameWithoutExtension$.css

Mise à jour: Dans la nouvelle version de LESS, vous devez inverser vos barres obliques dans le chemin que vous spécifiez. Donc, il devrait être: ..\css\$ FileNameWithoutExtension $ .css

4
Andrew Bogdanov

J'ai eu un problème similaire avec l'obtention de l'observateur de fichier scss à afficher dans le répertoire css

C'est ce que j'ai fait.

  1. Dans les arguments, --no-cache --update $ProjectFileDir$/css/style.css
  2. Dans les chemins de sortie à actualiser, $ProjectFileDir$/css/$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

Vous pouvez le modifier pour que vous utilisiezLESS

0
Japheth Obala

Pour changer le répertoire de sortie pour moins compilateur. 
Ouvrez l’Observateur d’édition dans l’état, vous verrez les chemins de sortie à actualiser dans cette zone de saisie modifiée comme suit: ../yourfolderpath/$FileNameWithoutExtension$.css. Maintenant, vous pouvez voir moins de compilations .css dans ce chemin.

0
Peterjoee Raj