Как указать outputDir для моих обработанных изображений в @11ty/eleventy-img?

Question

Я пытаюсь указать выходной каталог для моих обработанных изображений, которые проходят через eleventy-img.

      const Image = require("@11ty/eleventy-img");

(async () => {
  let url = "./img/home/";

  let stats = await Image(url, {
    widths: [300],
    outputDir: "./img/processed/",
  });

  console.log(stats);
})();

Но я получаю это сообщение об ошибке при запуске npx eleventy

      Unhandled rejection in promise ([object Promise]): (more in DEBUG output)
> Input file contains unsupported image format

`Error` was thrown:
    Error: Input file contains unsupported image format

Он отлично работает без outputDirопция указана. Вот документация для него: https://www.11ty.dev/docs/plugins/image/#output-directory

Фактического примера его использования нет, но логически его следует передавать так же, как и widths параметр.

Answer 1

Я нашел свою ошибку. Я пытался передать всю папку с "./img/home/". Вместо этого мне нужно передать отдельные изображения, и тогда это сработает.

Как это:

      const Image = require("@11ty/eleventy-img");

(async () => {
  let url = "./img/home/my-image.jpg";

  let stats = await Image(url, {
    widths: [300],
    outputDir: "./img/processed",
  });

  console.log(stats);
})();