fix(importMetaGlob): Analysis of the imports path in package.json

packages/vite/src/node/build.ts

@@ -742,7 +742,7 @@ function prepareOutDir(
   }
 }
 
-function getPkgJson(root: string): PackageData['data'] {
+export function getPkgJson(root: string): PackageData['data'] {
   return JSON.parse(lookupFile(root, ['package.json']) || `{}`)
 }
 

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

@@ -29,6 +29,7 @@ import {
   slash,
   transformStableResult,
 } from '../utils'
+import { getPkgJson } from '../build'
 import { isCSSRequest, isModuleCSSRequest } from './css'
 
 const { isMatch, scan } = micromatch
@@ -292,10 +293,20 @@ export async function parseImportGlob(
 
     const end = ast.range![1]
 
+    const pkgImportsAlias = getPkgJson(root)['imports'] ?? {}
+
+    const parseGlobs = globs.map((glob) => {
+      for (const key of Object.keys(pkgImportsAlias)) {
+        if (glob.startsWith(key)) {
+          return glob.replace(key, pkgImportsAlias[key])
+        }
+      }
+      return glob
+    })
     const globsResolved = await Promise.all(
-      globs.map((glob) => toAbsoluteGlob(glob, root, importer, resolveId)),
+      parseGlobs.map((glob) => toAbsoluteGlob(glob, root, importer, resolveId)),
     )
-    const isRelative = globs.every((i) => '.!'.includes(i[0]))
+    const isRelative = parseGlobs.every((i) => '.!'.includes(i[0]))
 
     return {
       match,

playground/glob-import/index.html

@@ -21,6 +21,8 @@ <h2>Escape relative glob</h2>
 <pre class="escape-relative"></pre>
 <h2>Escape alias glob</h2>
 <pre class="escape-alias"></pre>
+<h2>Package imports</h2>
+<pre class="package-imports"></pre>
 
 <script type="module" src="./dir/index.js"></script>
 <script type="module">
@@ -141,6 +143,19 @@ <h2>Escape alias glob</h2>
   document.querySelector('.escape-alias').textContent = alias.sort().join('\n')
 </script>
 
+<script type="module">
+  const index = import.meta.glob('#dir/')
+  console.log(index)
+  const m = import.meta.glob('#dir/*')
+  console.log(m)
+  const ms = import.meta.glob('#dir/**')
+  console.log(ms)
+  document.querySelector('.package-imports').textContent = Object.entries(ms)
+    .map(([glob]) => glob)
+    .sort()
+    .join('\n')
+</script>
+
 <script type="module">
   console.log('Ran scripts')
 </script>

playground/glob-import/package.json

@@ -7,5 +7,8 @@
     "build": "vite build",
     "debug": "node --inspect-brk ../../packages/vite/bin/vite",
     "preview": "vite preview"
+  },
+  "imports": {
+    "#dir/": "./dir/"
   }
 }