Convert JPG and PNG images to WebP with grunt task.
This plugin requires Grunt ~0.4.1
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
$ npm install --save-dev grunt-cwebp
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-cwebp');
Please see following gruntfile.js
example.
module.exports = function (grunt) {
grunt.initConfig({
cwebp: {
static: {
files: {
'dist/img-png.webp': 'src/img.png',
'dist/img-jpg.webp': 'src/img.jpg',
'dist/img-gif.webp': 'src/img.gif'
}
},
dynamic: {
files: [{
expand: true,
cwd: 'src/',
src: ['**/*.{png,jpg,gif}'],
dest: 'dist/'
}]
}
}
});
grunt.loadNpmTasks('grunt-cwebp');
};
Files are compressed with node-cwebp-bin.
Type: String
Default: null
Setting output file extension.
MIT