refactor: match import glob common base by path segment correctly (#22558)

Author: jiyujie2006

packages/vite/src/node/__tests__/plugins/importGlob/utils.spec.ts

@@ -8,6 +8,9 @@ describe('getCommonBase()', async () => {
   it('common base', () => {
     expect(getCommonBase(['/a/b/**/*.vue', '/a/b/**/*.jsx'])).toBe('/a/b')
   })
+  it('does not treat a path prefix as a common directory', () => {
+    expect(getCommonBase(['/a/foo/*.js', '/a/foobar/*.js'])).toBe('/a')
+  })
   it('static file', () => {
     expect(
       getCommonBase(['/a/b/**/*.vue', '/a/b/**/*.jsx', '/a/b/foo.js']),

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

@@ -702,7 +702,11 @@ export function getCommonBase(globsResolved: string[]): null | string {
   const dirS = bases[0].split('/')
   for (let i = 0; i < dirS.length; i++) {
     const candidate = dirS.slice(0, i + 1).join('/')
-    if (bases.every((base) => base.startsWith(candidate)))
+    if (
+      bases.every(
+        (base) => base === candidate || base.startsWith(`${candidate}/`),
+      )
+    )
       commonAncestor = candidate
     else break
   }