javascript - serve - que es gulp

Grunt imagemin: mira múltiples archivos/carpetas para optimizar un solo archivo.

Question

¿Es posible mirar múltiples archivos / carpetas pero optimizar solo un solo archivo usando grunt-contrib-imagemine y grunt-contrib-watch?

Intenté de esta manera: (parte de gruntfile)

imagemin: {
dist: {
cwd: ''images/modules'',
files: [''images/modules/**/*.{png,jpg,gif}''],
dest: ''images/modules''
}
},
watch: {
images: {
files: [''images/modules/**/*.{png,jpg,gif}''],
tasks: [''imagemin''],
options: {
spawn: false,
}
}
}
grunt.event.on(''watch'', function(action, filepath, target) {
if (grunt.file.isMatch(grunt.config(''watch.images.files''), filepath)) {
grunt.config(''imagemin.dist.src'', [filepath]);
}
});

Pero no funciona. Vuelve:

Running "imagemin:dist" (imagemin) task
Verifying property imagemin.dist exists in config...OK
Files: [no src] -> images/modules
Options: optimizationLevel=7, progressive, pngquant=false
Options: optimizationLevel=7, progressive, pngquant=false
Warning: path must be a string

¿Algunas ideas? Gracias.

Answer 1

En función de los documentos de grunt-contrib-imagemin, el atributo de archivo toma un objeto de pares src / dest (clave / valor).

files: { // Dictionary of files
''dist/img.png'': ''src/img.png'', // ''destination'': ''source''
''dist/img.jpg'': ''src/img.jpg'',
''dist/img.gif'': ''src/img.gif''
}

Creo que es por eso que está obteniendo el error.

Para hacer lo que quieras, al menos lo que yo creo que quieres, agregaría otra subtarea a imagemin como a continuación.

imagemin: {
dist: {
files: [{
expand: true, // Enable dynamic expansion
cwd: ''images/modules'', // Src matches are relative to this path
src: [''images/modules/**/*.{png,jpg,gif}''],// Actual patterns to match
dest:''images/modules'' // Destination path prefix
}]
},
single: {
cwd: ''images/modules'',
files: ''images/modules/img.png'': ''images/modules/img.png'',
dest: ''images/modules''
}
},
watch: {
images: {
files: [''images/modules/**/*.{png,jpg,gif}''],
tasks: [''imagemin:single''],
options: {
spawn: false,
}
}
}

por lo tanto, el comando de observación anterior verá todos los archivos que coincidan con los archivos regex y llevará a cabo la single subtarea de la tarea principal del watch .

De nuevo, creo que esto es lo que quieres hacer, pero si no, ¿podrías explicarlo más?