diff --git a/code/lib/builder-webpack5/src/preview/base-webpack.config.ts b/code/lib/builder-webpack5/src/preview/base-webpack.config.ts
index 62ba0d8ed50..8a2d6074366 100644
--- a/code/lib/builder-webpack5/src/preview/base-webpack.config.ts
+++ b/code/lib/builder-webpack5/src/preview/base-webpack.config.ts
@@ -74,6 +74,13 @@ export async function createDefaultWebpackConfig(
               : 'static/media/[path][name][ext]',
           },
         },
+        {
+          // any imports from './some-file.md?raw' will be imported as raw string
+          // see https://webpack.js.org/guides/asset-modules/#replacing-inline-loader-syntax
+          // used to support import raw .md files in MDX
+          resourceQuery: /raw/,
+          type: 'asset/source',
+        },
       ],
     },
     resolve: {