Wie kompiliere ich alle scss-Dateien in verschiedenen Ordnern?

Question

Ich habe eine Strukturdatei wie folgt:

all_skins 
|— 1 
    |— css 
    |- _skinVariables.scss 
    |— file.scss 
    |— file.css 
|— 2 
    |— css 
    |- _skinVariables.scss 
    |— file.scss 
    |— file.css 
|— 3 
    |— css 
    |- _skinVariables.scss 
    |— file.scss 
    |— file.css 
common_css 
| _specificCode.scss 
| _otherCode.scss 

Inside my scss-Datei für jede „Haut“ Ich bin einige allgemeine SCSS partials wie _skinsVariables und _specificCode importieren. Die _skinVariables partiellen Änderungen für jede Skin, und der _specificCode ist eine allgemeine partielle wiederverwendet in allen scss-Dateien außerhalb des all_skins-Verzeichnisses.

Das Problem ist, dass, wenn ich eine Änderung in der specificCode Teildatei mache, muss ich manuell jede scss-Datei neu kompilieren, um die neue CSS mit dem modifizierten Code zu generieren.

Ich benutze PhpStorms Dateiwatcher, so dass jede Änderung an der spezifischen scss-Datei den Watcher auslöst, aber eine Modifikation des enthaltenen _specificCode (oder irgendeines eingeschlossenen Teils) löst ihn nicht aus.

Gibt es eine Möglichkeit, alle scss-Dateien in einem übergeordneten Ordner zu kompilieren? Es gibt über 30 dieser nummerierten Unterordner, so dass es zeitaufwändig ist, es manuell zu machen.

Jede Lösung, die Befehlszeile, PhpStorm selbst oder andere Software wie Grunt verwendet, wird für mich tun (am wenigsten erwünscht).

Edit:

Die file.scss würde wie folgt aussehen:

@import "skinVariables"; 
@import "../../../common_css/specificCode" 

etwas klarer zu sein, das Problem ist, dass ich die partials haben in all meinen file.scss enthalten, Um das Leben zu erleichtern, kommt der Großteil des Codes von den Teiltönen.

Wenn ich eine partielle ändern, die in allen Dateien wie _specificCode.scss importiert wird, müsste ich alle Datei.scss neu kompiliert werden, aber das passiert nicht.

Die Art und Weise die Beobachter scheinen im Moment zu arbeiten ist, dass sie nur ausgelöst sind, wenn eine Änderung an der file.scss erfolgt selbst, nicht auf die teilweise die enthalten wird.

Irgendwelche Arbeiten um dieses?

Answer 1

So, jetzt haben Sie den Dateiwächter eingestellt, um die geöffneten Dateien zu sehen, und im Falle einer Änderung sollte NUR die Datei selbst kompiliert werden.

Was Sie brauchen, ist, um Ihre scss-transpiler auf die /all_skins/1/css/file.scss, /all_skins/2/css/file.scss usw. zu kompilieren, aber ich weiß nicht, ob der Rubin transpiler, den Sie verwenden, ist zu dieser Einstellung fähig.

löste ich etwas ähnliches mit http://gulpjs.com (alternative Grunt) mit Gulpfile.js Config wie folgt aus (um die Pfade geändert):

gulp.task('styles', function() { 
    return gulp.src([ 
      'all_skins/**/*.scss' 
     ]) 
     .pipe($.sass()) 
     .pipe($.autoprefixer('last 3 version')); 
}); 

dann eine Datei Beobachter PhpStorm gesetzt ganze all_skins und common_css Ordner (kann zu sehen wird von "scopes" eingestellt und startet den gulp Task "styles" und es sollte funktionieren.