refactor: normalize publicDir when resolving config (#15360)

Author: sapphi-red

packages/vite/src/node/config.ts

@@ -651,9 +651,11 @@ export async function resolveConfig(
   const { publicDir } = config
   const resolvedPublicDir =
     publicDir !== false && publicDir !== ''
-      ? path.resolve(
-          resolvedRoot,
-          typeof publicDir === 'string' ? publicDir : 'public',
+      ? normalizePath(
+          path.resolve(
+            resolvedRoot,
+            typeof publicDir === 'string' ? publicDir : 'public',
+          ),
         )
       : ''
 

packages/vite/src/node/plugins/assetImportMetaUrl.ts

@@ -7,7 +7,6 @@ import type { ResolveFn } from '../'
 import {
   injectQuery,
   isParentDirectory,
-  normalizePath,
   slash,
   transformStableResult,
 } from '../utils'
@@ -28,7 +27,7 @@ import { tryFsResolve } from './resolve'
  * ```
  */
 export function assetImportMetaUrlPlugin(config: ResolvedConfig): Plugin {
-  const normalizedPublicDir = normalizePath(config.publicDir)
+  const { publicDir } = config
   let assetResolver: ResolveFn
 
   const fsResolveOptions: InternalResolveOptions = {
@@ -117,7 +116,7 @@ export function assetImportMetaUrlPlugin(config: ResolvedConfig): Plugin {
             file = await assetResolver(url, id)
             file ??=
               url[0] === '/'
-                ? slash(path.join(config.publicDir, url))
+                ? slash(path.join(publicDir, url))
                 : slash(path.resolve(path.dirname(id), url))
           }
 
@@ -126,9 +125,8 @@ export function assetImportMetaUrlPlugin(config: ResolvedConfig): Plugin {
           let builtUrl: string | undefined
           if (file) {
             try {
-              if (isParentDirectory(normalizedPublicDir, file)) {
-                const publicPath =
-                  '/' + path.posix.relative(normalizedPublicDir, file)
+              if (isParentDirectory(publicDir, file)) {
+                const publicPath = '/' + path.posix.relative(publicDir, file)
                 builtUrl = await fileToUrl(publicPath, config, this)
               } else {
                 builtUrl = await fileToUrl(file, config, this)

packages/vite/src/node/publicDir.ts

@@ -56,7 +56,7 @@ export function checkPublicFile(
   }
 
   const publicFile = normalizePath(path.join(publicDir, fileName))
-  if (!publicFile.startsWith(withTrailingSlash(normalizePath(publicDir)))) {
+  if (!publicFile.startsWith(withTrailingSlash(publicDir))) {
     // can happen if URL starts with '../'
     return
   }

packages/vite/src/node/server/index.ts

@@ -650,17 +650,15 @@ export async function _createServer(
     }
   }
 
-  const normalizedPublicDir = normalizePath(config.publicDir)
+  const { publicDir } = config
 
   const onFileAddUnlink = async (file: string, isUnlink: boolean) => {
     file = normalizePath(file)
     await container.watchChange(file, { event: isUnlink ? 'delete' : 'create' })
 
-    if (config.publicDir && publicFiles) {
-      if (file.startsWith(normalizedPublicDir)) {
-        publicFiles[isUnlink ? 'delete' : 'add'](
-          file.slice(normalizedPublicDir.length),
-        )
+    if (publicDir && publicFiles) {
+      if (file.startsWith(publicDir)) {
+        publicFiles[isUnlink ? 'delete' : 'add'](file.slice(publicDir.length))
       }
     }
     await handleFileAddUnlink(file, server, isUnlink)
@@ -761,7 +759,7 @@ export async function _createServer(
   // serve static files under /public
   // this applies before the transform middleware so that these files are served
   // as-is without transforms.
-  if (config.publicDir) {
+  if (publicDir) {
     middlewares.use(servePublicMiddleware(server, publicFiles))
   }
 

packages/vite/src/node/server/middlewares/transform.ts

@@ -50,8 +50,7 @@ export function transformMiddleware(
   // Keep the named function. The name is visible in debug logs via `DEBUG=connect:dispatcher ...`
 
   // check if public dir is inside root dir
-  const { root } = server.config
-  const publicDir = normalizePath(server.config.publicDir)
+  const { root, publicDir } = server.config
   const publicDirInRoot = publicDir.startsWith(withTrailingSlash(root))
   const publicPath = `${publicDir.slice(root.length)}/`