fix(lexGlobPattern): edge case of glob import

docs/guide/features.md

@@ -296,6 +296,7 @@ Note that:
 - The glob patterns are treated like import specifiers: they must be either relative (start with `./`) or absolute (start with `/`, resolved relative to project root).
 - The glob matching is done via `fast-glob` - check out its documentation for [supported glob patterns](https://github.com/mrmlnc/fast-glob#pattern-syntax).
 - You should also be aware that glob imports do not accept variables, you need to directly pass the string pattern.
+- The glob patterns cannot contain the same quote string (i.e. `'`, `"`, `` ` ``) as outer quotes, e.g. `'/Tom\'s files/**'`, use `"/Tom's files/**"` instead.
 
 ## WebAssembly
 

packages/playground/glob-import/index.html

@@ -2,7 +2,13 @@
 
 <script type="module" src="./dir/index.js"></script>
 <script type="module">
-  const modules = import.meta.glob('/dir/**')
+  const modules = import.meta.glob(
+    '/dir/**'
+    // for test: annotation contain ")"
+    /*
+     * for test: annotation contain ")"
+     * */
+  )
 
   for (const path in modules) {
     modules[path]().then((mod) => {

packages/vite/src/node/importGlob.ts

@@ -161,7 +161,39 @@ function lexGlobPattern(code: string, pos: number): [string, number] {
         throw new Error('unknown import.meta.glob lexer state')
     }
   }
-  return [pattern, code.indexOf(`)`, i) + 1]
+
+  const endIndex = getEndIndex(code, i)
+  return [pattern, endIndex + 1]
+}
+
+// reg without the 'g' option, only matches the first match
+const multilineCommentsRE = /\/\*(.|[\r\n])*?\*\//m
+const singlelineCommentsRE = /\/\/.*/
+
+function getEndIndex(code: string, i: number): number {
+  const findStart = i
+  const endIndex = code.indexOf(`)`, findStart)
+  const subCode = code.substring(findStart)
+
+  const matched =
+    subCode.match(singlelineCommentsRE) ?? subCode.match(multilineCommentsRE)
+  if (!matched) {
+    return endIndex
+  }
+
+  const str = matched[0]
+  const index = matched.index
+  if (!index) {
+    return endIndex
+  }
+
+  const commentStart = findStart + index
+  const commentEnd = commentStart + str.length
+  if (endIndex > commentStart && endIndex < commentEnd) {
+    return getEndIndex(code, commentEnd)
+  } else {
+    return endIndex
+  }
 }
 
 function error(pos: number) {