From 9e3365f84672b6409f5c2e328659839113e84156 Mon Sep 17 00:00:00 2001
From: benbankes <bbankes@gmail.com>
Date: Thu, 28 Oct 2021 15:57:39 -0600
Subject: [PATCH 1/2] Support AVIF images

---
 lib/config-generator.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/config-generator.js b/lib/config-generator.js
index 03766122..14718a9c 100644
--- a/lib/config-generator.js
+++ b/lib/config-generator.js
@@ -328,7 +328,7 @@ class ConfigGenerator {
 
         if (this.webpackConfig.imageRuleOptions.enabled) {
             rules.push(generateAssetRuleConfig(
-                /\.(png|jpg|jpeg|gif|ico|svg|webp)$/,
+                /\.(png|jpg|jpeg|gif|ico|svg|webp|avif)$/,
                 this.webpackConfig.imageRuleOptions,
                 this.webpackConfig.imageRuleCallback,
                 'images'

From 21ab7bda81de89fcac10cbbfb8fd963a2e4455c9 Mon Sep 17 00:00:00 2001
From: benbankes <bbankes@gmail.com>
Date: Thu, 28 Oct 2021 16:13:56 -0600
Subject: [PATCH 2/2] Also modify the test images rule

---
 test/config-generator.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/config-generator.js b/test/config-generator.js
index 2e38890a..22a75c8e 100644
--- a/test/config-generator.js
+++ b/test/config-generator.js
@@ -778,7 +778,7 @@ describe('The config-generator function', () => {
 
             const actualConfig = configGenerator(config);
 
-            const imagesRule = findRule(/\.(png|jpg|jpeg|gif|ico|svg|webp)$/, actualConfig.module.rules).oneOf[1];
+            const imagesRule = findRule(/\.(png|jpg|jpeg|gif|ico|svg|webp|avif)$/, actualConfig.module.rules).oneOf[1];
             expect(imagesRule.type).to.equal('asset/resource');
             expect(imagesRule.generator).to.eql({ filename: 'images/[name].[hash:8][ext]' });
             expect(imagesRule.parser).to.eql({});