watcher - phpstorm compile scss

SCSS/SASS a CSS en una carpeta especial con PHPstorm 7 file watcher

Question

Usé PHPstorm 6 y mis archivos SCSS se compilaron en la carpeta CSS, así que tengo:

css
-- main.css
img
js
scss
-- main.scss
-- _variables.scss ...

Estas son mis definiciones en SCSS File Watcher

Todo funcionó bien, pero ayer actualicé mi PHPstorm de la versión 6 a la 7 y ahora mi compilador / observador de archivos SCSS ya no funciona. El Observador de archivos compila el archivo CSS en la carpeta SCSS. Pero lo quiero en mi carpeta CSS!

¿Cuáles son sus configuraciones en PHPstorm 7 Filewatcher para archivos SCSS?

Aquí está mi estructura de datos, verá el archivo style.css con FileDirName / css / style.css una carpeta "a alta" ..

Answer 1

AAAAAAArrrgh!

Las "barras invertidas" fueron el problema.

ruta de salida

$FileParentDir$/css/$FileNameWithoutExtension$.css

Answer 2

Para colocar renderizado con el archivo css PHPStorm File Watcher en el directorio css y mantener el archivo sass en el directorio sass, he cambiado los argumentos y las rutas de salida para actualizar.

Campo de argumentos:

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

puede eliminar --style expanded si desea ver css con espacios adicionales, ya que está buscando en sass. este argumento solo está cambiando las sangrías en el archivo css a la antigua y drupal lo requiere.

y rutas de salida para actualizar el campo:

$FileParentDir$/css/$FileNameWithoutExtension$.css