diff --git a/packages/next/src/build/create-compiler-aliases.ts b/packages/next/src/build/create-compiler-aliases.ts
index ef96384b57..154f516fc6 100644
--- a/packages/next/src/build/create-compiler-aliases.ts
+++ b/packages/next/src/build/create-compiler-aliases.ts
@@ -24,6 +24,7 @@ interface CompilerAliases {
 }
 
 export function createWebpackAliases({
+  distDir,
   isClient,
   isEdgeServer,
   isNodeServer,
@@ -35,6 +36,7 @@ export function createWebpackAliases({
   reactProductionProfiling,
   hasRewrites,
 }: {
+  distDir: string
   isClient: boolean
   isEdgeServer: boolean
   isNodeServer: boolean
@@ -46,7 +48,6 @@ export function createWebpackAliases({
   reactProductionProfiling: boolean
   hasRewrites: boolean
 }): CompilerAliases {
-  const distDir = path.join(dir, config.distDir)
   const pageExtensions = config.pageExtensions
   const clientResolveRewrites = require.resolve(
     '../shared/lib/router/utils/resolve-rewrites'
diff --git a/packages/next/src/build/webpack-config.ts b/packages/next/src/build/webpack-config.ts
index cb73429591..74de639953 100644
--- a/packages/next/src/build/webpack-config.ts
+++ b/packages/next/src/build/webpack-config.ts
@@ -596,6 +596,7 @@ export default async function getBaseWebpackConfig(
       ...nodePathList, // Support for NODE_PATH environment variable
     ],
     alias: createWebpackAliases({
+      distDir,
       isClient,
       isEdgeServer,
       isNodeServer,