Using eleventy-img, all images go to the base directory.

[nandorocker]

I'm implementing HTML transform on my site. According to documentation, optimized images should go to the "project-relative path to the output image directory." I assume this means:

original path: src/assets/images -> output path: _site/assets/images

However, when I use the setup below, all files end up in the root folder of my site (_site). I tried using outputDir: "assets/images/" but that makes it simply stop processing the images. Finally, I used urlPath: "./assets/images/" and weirdly it works, but it still just puts all images in that directory, without any sub-folders.

The documentation is unclear, at least for me. Can anyone help me understand how this setup should be done?

  eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
    // which file extensions to process
    extensions: "html",

    // Add any other Image utility options here:

    // optional, output image formats
    formats: ["webp", "jpeg"],
    // formats: ["auto"],

    // optional, output image widths
    widths: ["auto", 400, 800],
    // widths: ["auto"],

    // optional, attributes assigned on <img> override these values.
    defaultAttributes: {
      loading: "lazy",
      decoding: "async",
      sizes: "auto",
    },
  });