Handle imports from dot directories

packages/playground/optimize-deps/.hidden-dir/foo.js

@@ -0,0 +1 @@
+export const greeting = 'hello!'

packages/playground/optimize-deps/__tests__/optimize-deps.spec.ts

@@ -67,3 +67,7 @@ test('esbuild-plugin', async () => {
     isBuild ? `Hello from a package` : `Hello from an esbuild plugin`
   )
 })
+
+test('import from hidden dir', async () => {
+  expect(await page.textContent('.hidden-dir')).toBe('hello!')
+})

packages/playground/optimize-deps/index.html

@@ -43,6 +43,9 @@ <h2>Vue & Vuex</h2>
 <h2>Dep with changes from esbuild plugin</h2>
 <div>This should show a greeting: <span class="esbuild-plugin"></span></div>
 
+<h2>Dep from hidden dir</h2>
+<div>This should show hello!: <span class="hidden-dir"></span></div>
+
 <script type="module">
   // test dep detection in globbed files
   const globbed = import.meta.globEager('./glob/*.js')
@@ -70,4 +73,7 @@ <h2>Dep with changes from esbuild plugin</h2>
 
   import { hello } from 'dep-esbuild-plugin-transform'
   document.querySelector('.esbuild-plugin').textContent = hello()
+
+  import { greeting } from '.hidden-dir/foo.js'
+  document.querySelector('.hidden-dir').textContent = greeting
 </script>

packages/vite/src/node/optimizer/esbuildDepPlugin.ts

@@ -150,7 +150,7 @@ export function esbuildDepPlugin(
         const entryFile = qualified[id]
 
         let relativePath = normalizePath(path.relative(root, entryFile))
-        if (!relativePath.startsWith('.')) {
+        if (!relativePath.startsWith('./')) {
           relativePath = `./${relativePath}`
         }