Erstellen Sie mehrere Grunt Aufgabe

Question

watch: { 
    css: { 
     files: 'source/styles/**/*.scss', 
     tasks: ['sass', 'autoprefixer', 'cssmin', 'clean:css'], 
     options: { 
      spawn: false, 
     }, 
    }, 
    images: { 
     files: 'source/assets/images/**/*.{png,jpg,gif}', 
     tasks: ['clean:image', 'imagemin'], 
     options: { 
      spawn: false, 
     }, 
    } 
} 



grunt.registerTask('css', [ 
    'sass', 
    'cssmin', 
    'clean:css' 
]); 



sass: { 
    dist: { 
     files: [{ 
      expand: true, 
      src: ['source/styles/**/*.scss'], 
      dest: 'build/styles/', 
      ext: '.css', 
      flatten: true 
     }] 
    }, 
    options: { 
     compass: true, 
     sourcemap: false 
    } 
} 


grunt.registerTask('default', [ 
    'sass', 
    'cssmin', 
    'clean:css', 
    'requirejs', 
    'clean:js', 
]); 

Ich möchte eine neue gurnt Aufgabe erstellen. Currenly, in meinem Projekt, grunt css funktioniert gut, um die complate packae SCSS zu bauen. Ich muss eine neue Aufgabe wie grunt home erstellen, die einen bestimmten Ordner SCSS erstellen wird.

Wie kann ich grunt home erstellen?

Answer 1

ich denke, das sollte funktionieren, aber ich es nicht getestet (es wird SCSS kompilieren Dateien von der Quelle/styles/SCSS zu css in build/styles/css):

homeSass: { 
    dist: { 
     files: [{ 
      expand: true, 
      src: ['source/styles/SCSS/**/*.scss'], 
      dest: 'build/styles/css/', 
      ext: '.css', 
      flatten: true 
     }] 
    }, 
    options: { 
     compass: true, 
     sourcemap: false 
    } 
} 

grunt.registerTask('homebuild', [ 
    'homeSass' 
]); 

Ist es Ihre Are Auf der Suche nach? Oder ich missverstehe dich?

Answer 2

so etwas wie dieses können Sie mehrere Aufgaben

sass2: { 
    dist: { 
     files: [{ 
      expand: true, 
      src: ['source/styles/**/*.scss'],//path to different source file 
      dest: 'build/styles/',//path to different destination for home 
      ext: '.css', 
      flatten: true 
     }] 
    }, 
    options: { 
     compass: true, 
     sourcemap: false 
    } 
} 

grunt.registerTask('home', [ 
    'sass2' 
]); 

Erstellen Sie nun laufen diese Sie haben 2 Möglichkeiten

1) einfach grunt home sagen nur sass Kompilation laufen spezifische

sass2

2) Wenn Sie jetzt beide Aufgaben grunt css und grunt home in 1 ausführen möchten, dann tun Sie dies

sass: { 
    dist: { 
     files: [{ 
      expand: true, 
      src: ['source/styles/**/src1.scss', 'source/styles/**/src2.scss'], 
      dest: 'build/styles/', 
      ext: '.css', 
      flatten: true 
     }] 
    }, 
    options: { 
     compass: true, 
     sourcemap: false 
    } 
} 

grunt.registerTask('home', [ 
    'sass' 
]);