Wie kompilieren Sie alle SCS-Dateien in eine .css-Datei mit grunt? Ohne Verwendung concat oder importieren

Question

ich alle .scss Dateien in meinem sass Ordner zu einem einzigen CSS-Datei E kompilieren wollen: \ SassToCss \ sass \ style1.scss \ style2.scss \ Möchten Sie die kompilierte haben style.css im Projektstammverzeichnis. nur & ignorieren Rest der Dateien

habe ich versucht, die folgenden ein

sass: { 
     dist: { 
      files: { 
       'style.css' : 'sass/*.scss' 
      } 
     } 
    } 

Dies wird CSS für die erste Datei zu erzeugen.

sass: { 
dist: { 
    files: [{ 
    expand: true, 
    //cwd: 'styles', 
    src: ['*.scss'], 
    //dest: '../public', 
    ext: '.css' 
    }] 
} 
} 

Dies erzeugt nicht meine .css-Datei. Wie lautet die richtige Vorgehensweise?

Answer 1

Erstellen Sie eine scss-Datei, z. B. "style.scss", und verwenden Sie das @ import-Tag zum Einschließen anderer sass-Dateien.

Ihr sass Compiler sollte nur style.scss nehmen es in CSS zu kompilieren

sass: { 
     dist: { 
      files: { 
       'style.css' : 'sass/style.scss' 
      } 
     } 
    } 

Sehen Sie hier für Beispiele und bessere Erklärung: http://sass-lang.com/guide