How to use Pug plugin and responsive-loader

[webdiscus]

The original message from @silveoj is converted to this discussion.

---

I read your messages how to combine PugPlugin and responsive-loader. It works.
But before it I used responsive-loader like: (it doesn't work)

webpack config - without format property

        {
          test: /\.(gif|png|jpe?g|ico|svg|webp)$/i,
          type: 'asset/resource', // doesn't work without it - The reason: this file not found!
          include: [path.join(mySrcPath, "/assets/img")],
          use: {
            loader: "responsive-loader",
            options: {
              adapter: require("responsive-loader/sharp"),
              sizes: [100, 200, 300, 400],
              // format: "jpg", I don't use it
              outputPath: "assets/img",
              name: '[name]/[ext]/[name]-[width].[ext]',
            },
          },
        },

and pug file

-
  const myWebp1 = require('~Images/123.png?prop=width&format=webp');
  const myWebp2 = require('~Images/123.png?format=webp');
  const myWebpSize1 = require('~Images/123.png?sizes[]=100,sizes[]=200,sizes[]=300,sizes[]=400&format=webp'); // if no sizes property in config

It can be useful if I want to convert only some images.
You can use this repository above #8 (comment)