1 files changed, 39 insertions, 0 deletions

diff --git a/src/plugins/responsiveLoaderPlugin.ts b/src/plugins/responsiveLoaderPlugin.ts
new file mode 100644
index 0000000..3dc198e
--- /dev/null
+++ b/src/plugins/responsiveLoaderPlugin.ts
@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) 2016, Jeremy Stucki
+ * Copyright (c) 2024 Kristóf Marussy <kristof@marussy.com>
+ *
+ * SPDX-License-Identifier: MIT AND BSD-3-Clause
+ */
+
+import type { Plugin } from '@docusaurus/types';
+import sharp from 'responsive-loader/sharp';
+
+export default function responsiveLoaderPlugin(): Plugin {
+  return {
+    name: 'marussy-responsive-loader-plugin',
+    configureWebpack: () => ({
+      mergeStrategy: {
+        'module.rules': 'prepend',
+      },
+      // Configuration based on
+      // https://github.com/dazuaz/responsive-loader/blob/ef2c806fcd36f06f6be8a0b97e09f40c3d86d3ac/README.md
+      module: {
+        rules: [
+          {
+            test: /\.(png|jpe?g)$/,
+            use: [
+              {
+                loader: 'responsive-loader',
+                options: {
+                  adapter: sharp,
+                  format: 'webp',
+                },
+              },
+            ],
+            type: 'javascript/auto',
+          },
+        ],
+      },
+    }),
+  };
+}