beobachten ganze Ordner für SASS ändert sich mit Grunt

Question

Ich versuche, einen ganzen Ordner für sass Änderungen zu sehen ..

Das Verzeichnis ist folgt:

Motive/lp/Ordner/style.scss

Motive/lp/folder1/style.scss

Und hier ist meine Grunzen Datei

sass: { 
     dist: { 
     files: { 
      'creatives/lp/**/test.css' : 'creatives/lp/**/test.scss' 
     }, 
     options: { 
      style: 'compressed', 
     }, 
     } 
    }, 

Grunt ist in der Lage sass Änderungen zu sehen, aber schreibt die kompilierte CSS:

Motive/lp/**/style.css

Die CSS sollten im selben Ordner wie die Quelle SCSS Datei gespeichert werden .. .

Answer 1

Ihre Frage ist nicht so klar für mich - wenn Sie mehrere Dateien möchten, eine Datei mit Grunzen kompilieren können Sie die Dateien als Array-Format

dist: { 
    files: [{ 
    src: ['creatives/lp/folder/*.scss'], 
    dest: 'creatives/lp/folder/style.css', 
    }] 
} 

Answer 2

machen wenn Sie die CSS-Datei sollte wollen sein erstellt im selben Ordner wie scss-Datei, Sie kann das folgende Snippet verwenden.

sass: {        
     dist: {       
      options: {      
       style: 'compressed' 
      }, 
      files: [{ 
       expand: true, 
       cwd: 'creatives', 
       src: ['**/*.scss'], 
       dest:'creatives', 
       ext:'.css' 
      }] 
     } 
    } 

Ich hoffe, es löst Ihr Problem.