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.
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/.
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
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 ..
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
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.
- Dans les arguments,
--no-cache --update $ProjectFileDir$/css/style.css - Dans les chemins de sortie à actualiser,
$ProjectFileDir$/css/$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css
Vous pouvez le modifier pour que vous utilisiezLESS
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.