[英]Grunt imagemin - watch multiple files/folders optimise single file?
是否可以使用grunt-contrib-imagemine和grunt-contrib-watch觀看多個文件/文件夾但只優化單個文件?
我試過這樣:( 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]);
}
});
但它不起作用。 它返回:
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
有任何想法嗎? 謝謝。
基於grunt-contrib-imagemin 文檔 ,file屬性采用src / dest(鍵/值)對的對象。
files: { // Dictionary of files
'dist/img.png': 'src/img.png', // 'destination': 'source'
'dist/img.jpg': 'src/img.jpg',
'dist/img.gif': 'src/img.gif'
}
我相信這就是你得到錯誤的原因。
要做你想做的事,至少我想你想要的,我會在下面給imagemin添加另一個子任務。
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,
}
}
}
所以上面的watch命令將觀察與文件正則表達式匹配的所有文件,並將執行watch
主要任務的single
子任務。
我認為這是你想要做的,但如果沒有,你能解釋得更多嗎?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.