Ошибка "require() of ES Module is not supported" возникает из-за того, что Gulp предпочитает CommonJS синтаксис для подключения плагинов, а не синтаксис модулей ES6. Поэтому при попытке использования инструкции import в Gulp для загрузки плагина gulp-webp, будет выдана ошибка.
Чтобы исправить эту проблему, можно воспользоваться инструментом Babel для транспиляции кода ES6 в код ES5, который поддерживается в Gulp. Или можно попробовать найти альтернативный плагин для работы с webp изображениями, который поддерживает CommonJS синтаксис.