Fix responsive asset path

1 files changed, 6 insertions, 1 deletions

diff --git a/src/plugins/responsiveLoaderPlugin.ts b/src/plugins/responsiveLoaderPlugin.ts
index 3dc198e..b4600e5 100644
--- a/src/plugins/responsiveLoaderPlugin.ts
+++ b/src/plugins/responsiveLoaderPlugin.ts
@@ -1,5 +1,6 @@
 /*
  * Copyright (c) 2016, Jeremy Stucki
+ * Copyright (c) Facebook, Inc. and its affiliates.
  * Copyright (c) 2024 Kristóf Marussy <kristof@marussy.com>
  *
  * SPDX-License-Identifier: MIT AND BSD-3-Clause
@@ -11,7 +12,7 @@ import sharp from 'responsive-loader/sharp';
 export default function responsiveLoaderPlugin(): Plugin {
   return {
     name: 'marussy-responsive-loader-plugin',
-    configureWebpack: () => ({
+    configureWebpack: (_config, isServer) => ({
       mergeStrategy: {
         'module.rules': 'prepend',
       },
@@ -27,6 +28,10 @@ export default function responsiveLoaderPlugin(): Plugin {
                 options: {
                   adapter: sharp,
                   format: 'webp',
+                  // See
+                  // https://github.com/facebook/docusaurus/blob/c745021b01a8b88d34e1d772278d7171ad8acdf5/packages/docusaurus-plugin-ideal-image/src/index.ts#L62-L66
+                  emitFile: !isServer,
+                  name: 'assets/images/[name].[hash:hex:7].[width].[ext]',
                 },
               },
             ],