Merge pull request #21834 from storybookjs/valentin/fix-loader-resolu…

…tion-in-nextjs Add explicit require.resolve calls to nextjs webpack loader config
storybookjs · Mar 30, 2023 · 41ff404 · 41ff404
2 parents 6028541 + 5fce013
commit 41ff404
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/code/frameworks/nextjs/src/css/webpack.ts b/code/frameworks/nextjs/src/css/webpack.ts
@@ -15,9 +15,9 @@ export const configureCss = (baseConfig: WebpackConfig, nextConfig: NextConfig):
       rules[i] = {
         test: /\.css$/,
         use: [
-          'style-loader',
+          require.resolve('style-loader'),
           {
-            loader: 'css-loader',
+            loader: require.resolve('css-loader'),
             options: {
               importLoaders: 1,
               ...getImportAndUrlCssLoaderOptions(nextConfig),
@@ -27,27 +27,27 @@ export const configureCss = (baseConfig: WebpackConfig, nextConfig: NextConfig):
               },
             },
           },
-          'postcss-loader',
+          require.resolve('postcss-loader'),
         ],
       };
     }
   });
   rules?.push({
     test: /\.(scss|sass)$/,
     use: [
-      'style-loader',
+      require.resolve('style-loader'),
       {
-        loader: 'css-loader',
+        loader: require.resolve('css-loader'),
         options: {
           importLoaders: 3,
           ...getImportAndUrlCssLoaderOptions(nextConfig),
           modules: { auto: true, getLocalIdent: getCssModuleLocalIdent },
         },
       },
-      'postcss-loader',
-      'resolve-url-loader',
+      require.resolve('postcss-loader'),
+      require.resolve('resolve-url-loader'),
       {
-        loader: 'sass-loader',
+        loader: require.resolve('sass-loader'),
         options: {
           sourceMap: true,
           sassOptions: nextConfig.sassOptions,