Merge pull request #22331 from storybookjs/norbert/fix-22300

Fix: virtual modules excluded for babel-loader
storybookjs · May 5, 2023 · 74eebc2 · 74eebc2
1 parent 10771fc
commit 74eebc2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/code/lib/builder-webpack5/src/preview/babel-loader-preview.ts b/code/lib/builder-webpack5/src/preview/babel-loader-preview.ts
@@ -1,7 +1,11 @@
 import { getProjectRoot } from '@storybook/core-common';
 import type { TypescriptOptions } from '../types';
 
-export const createBabelLoader = (options: any, typescriptOptions: TypescriptOptions) => {
+export const createBabelLoader = (
+  options: any,
+  typescriptOptions: TypescriptOptions,
+  excludes: string[] = []
+) => {
   return {
     test: typescriptOptions.skipBabel ? /\.(mjs|jsx?)$/ : /\.(mjs|tsx?|jsx?)$/,
     use: [
@@ -11,6 +15,6 @@ export const createBabelLoader = (options: any, typescriptOptions: TypescriptOpt
       },
     ],
     include: [getProjectRoot()],
-    exclude: /node_modules/,
+    exclude: [/node_modules/, ...excludes],
   };
 };
diff --git a/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts b/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
@@ -296,7 +296,7 @@ export default async (
             fullySpecified: false,
           },
         },
-        createBabelLoader(babelOptions, typescriptOptions),
+        createBabelLoader(babelOptions, typescriptOptions, Object.keys(virtualModuleMapping)),
         {
           test: /\.md$/,
           type: 'asset/source',