How to use file-loader for pictures?

Question

JavaScript

All sources are in src/app. I have a basic configuration for pictures:

{
        test: /\.(webp|png|jpg|jpeg|gif)$/,
        exclude: excludeImages(FAVICON_FILENAMES),
        use: [
          {
            loader: 'file-loader',
            options: {
              name: `${staticDir}/images/[hash].[ext]`,
            },
          },
        ],
      },

In src/app, I create a conditional /special-images directory, the images from which need to be added to `${staticDir}/special-images/images/[hash].[ext]`:

{
        test: /\.(webp|png|jpg|jpeg|gif)$/,
        exclude: excludeImages(FAVICON_FILENAMES),
        include: [
            path.resolve(__dirname, 'src/app/special-images'),
         ],
        use: [
          {
            loader: 'file-loader',
            options: {
              name: `${staticDir}/special-images/images/[hash].[ext]`,
            },
          },
        ],
      },

However, in this case, the configuration is not picked up and the images are still added to static/ (not static/special-images). Tell me, what's the problem?

I can't change the basic configuration