parseDynamicImportPattern() — vite Function Reference

Architecture documentation for the parseDynamicImportPattern() function in dynamicImportVars.ts from the vite codebase.

Function typescript PluginSystem AssetManagement called by 1

Entity Profile

PluginSystem→ AssetManagement→ parseDynamicImportPattern() — vite Function Reference

Dependency Diagram

graph TD
  90d02f66_c42a_35ba_8986_3c8bd82c2411["parseDynamicImportPattern()"]
  e962fae7_53df_5265_a6c6_b9cfe28d06e1["dynamicImportVars.ts"]
  90d02f66_c42a_35ba_8986_3c8bd82c2411 -->|defined in| e962fae7_53df_5265_a6c6_b9cfe28d06e1
  c8ee919d_d03e_b4e1_7f6d_c4e274847312["transformDynamicImport()"]
  c8ee919d_d03e_b4e1_7f6d_c4e274847312 -->|calls| 90d02f66_c42a_35ba_8986_3c8bd82c2411
  style 90d02f66_c42a_35ba_8986_3c8bd82c2411 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/plugins/dynamicImportVars.ts lines 71–112

function parseDynamicImportPattern(
  strings: string,
): DynamicImportPattern | null {
  const filename = strings.slice(1, -1)
  const ast = (parseAst(strings).body[0] as any).expression

  const userPatternQuery = dynamicImportToGlob(ast, filename)
  if (!userPatternQuery) {
    return null
  }

  const [userPattern] = userPatternQuery.split(
    // ? is escaped on posix OS
    requestQueryMaybeEscapedSplitRE,
    2,
  )
  let [rawPattern, search] = filename.split(requestQuerySplitRE, 2)
  let globParams: DynamicImportRequest | null = null
  if (search) {
    search = '?' + search
    if (
      workerOrSharedWorkerRE.test(search) ||
      urlRE.test(search) ||
      rawRE.test(search)
    ) {
      globParams = {
        query: search,
        import: '*',
      }
    } else {
      globParams = {
        query: search,
      }
    }
  }

  return {
    globParams,
    userPattern,
    rawPattern,
  }
}