web-dev-qa-db-fra.com

Comment configurer correctement l'observateur de fichiers scss dans PhpStorm?

Je le fais fonctionner, mais avec ces paramètres, cela prend un certain temps avant que le changement ne se concrétise dans PhpStorm. Si je me débarrasse du ../css/ partie de la chaîne d'arguments, puis il crée/met à jour le fichier css dans le même répertoire que le fichier scss, mais le fait immédiatement. Qu'est-ce que je fais mal?

J'utilise PhpStorm 6.0.1 sur OS X 10.8.3

My current settings

25
bernk

Dans le manuel: "Dans la zone de texte Output Paths, spécifiez les fichiers dans lesquels le transpileur stocke sa sortie: le code source résultant, les mappages source et les dépendances. Sur la base de ces paramètres, PhpStorm détecte les fichiers générés à transpilation. "

0
bernk

comme cela est mentionné dans la réponse précédente, vous devez configurer l'option Chemins de sortie en conséquence. Comme:

Arguments: --no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css

Working directory: $FileDir$

Output Paths: $FileParentDir$/css/$FileNameWithoutExtension$.css

Les chemins de sortie correspondent maintenant au répertoire de sortie scss, de sorte que IDE sait où chercher la sortie et à quoi elle ressemble)

52
lena

Je recommande d'utiliser node-sass c'est 10+ fois plus rapide

 npm install -g node-sass

Programme:

/usr/local/bin/node-sass

Arguments :

$FileName$ $FileNameWithoutExtension$.css

Chemins de sortie:

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

enter image description here

Éditer :

Si vous voulez que le fichier css soit compressé, utilisez-le pour les arguments:

--output-style compressed $FileName$ $FileNameWithoutExtension$.css  
22
dam1

Pour tous ceux qui utilisent node-sass dans Windows Env, c'est parti,

Programme:

Les fenêtres

C:\Users\%username%\AppData\Roaming\npm\node-sass.cmd

Linux

/usr/local/bin/node-sass

Arguments (Windows):

$FileName$ $ProjectFileDir$\dist\$FileNameWithoutExtension$.css

Chemins de sortie pour l'actualisation (Windows):

$ProjectFileDir$\dist\$FileNameWithoutExtension$.css
14
KuN

Dans Phpstorm 7, utilisez

Arguments: --no-cache --update $ FileName $: $ FileParentDir $/path/to/css/dir/$ FileNameWithoutExtension $ .css

Chemins de sortie: $ FileParentDir $/path/to/css/dir/$ FileNameWithoutExtension $ .css

Cela a trouvé.

3
DavidPortella