configureImageRule(options = {}, ruleCallback = (rule) => {}) {
        webpackConfig.configureImageRule(options, ruleCallback);

        return this;
    }
Configure how images are loaded/processed under module.rules.

https://webpack.js.org/guides/asset-modules/

The most important things can be controlled by passing
an options object to the first argument:

```
Encore.configureImageRule({
    // common values: asset, asset/resource, asset/inline
    // Using "asset" will allow smaller images to be "inlined"
    // instead of copied.
    // javascript/auto can be used to disable asset images (see next example)
    type: 'asset/resource',

    // applicable when for "type: asset": files smaller than this
    // size will be "inlined" into CSS, larger files will be extracted
    // into independent files
    maxSize: 4 * 1024, // 4 kb

    // control the output filename of images
    filename: 'images/[name].[hash:8][ext]',

    // you can also fully disable the image rule if you want
    // to control things yourself
    enabled: true,
});
```

If you need more control, you can also pass a callback to the
2nd argument. This will be passed the specific Rule object,
which you can modify:

https://webpack.js.org/configuration/module/#rule

```
Encore.configureImageRule({}, function(rule) {
    // if you set "type: 'javascript/auto'" in the first argument,
    // then you can now specify a loader manually
    // rule.loader = 'file-loader';
    // rule.options = { filename: 'images/[name].[hash:8][ext]' }
});
```

@param {{filename?: string, maxSize?: number|null, type?: string, enabled?: boolean}} options
@param {OptionsCallback<webpack.RuleSetRule>} ruleCallback
@returns {Encore}