renderPrefetchLinks() — vue Function Reference

Architecture documentation for the renderPrefetchLinks() function in index.ts from the vue codebase.

Function typescript ServerRenderer TemplateRenderer calls 1 called by 1

Entity Profile

ServerRenderer→ TemplateRenderer→ renderPrefetchLinks() — vue Function Reference

Dependency Diagram

graph TD
  93579226_b296_644d_0e3d_02b82c460f30["renderPrefetchLinks()"]
  6267c156_f90f_17b7_4f37_300535e21f45["TemplateRenderer"]
  93579226_b296_644d_0e3d_02b82c460f30 -->|defined in| 6267c156_f90f_17b7_4f37_300535e21f45
  7c7d334f_3782_7894_ca93_084f14d54628["renderResourceHints()"]
  7c7d334f_3782_7894_ca93_084f14d54628 -->|calls| 93579226_b296_644d_0e3d_02b82c460f30
  fde736a8_bc07_cd25_e4d6_4b13d5140b97["getUsedAsyncFiles()"]
  93579226_b296_644d_0e3d_02b82c460f30 -->|calls| fde736a8_bc07_cd25_e4d6_4b13d5140b97
  style 93579226_b296_644d_0e3d_02b82c460f30 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/template-renderer/index.ts lines 204–225

  renderPrefetchLinks(context: Object): string {
    const shouldPrefetch = this.options.shouldPrefetch
    if (this.prefetchFiles) {
      const usedAsyncFiles = this.getUsedAsyncFiles(context)
      const alreadyRendered = file => {
        return usedAsyncFiles && usedAsyncFiles.some(f => f.file === file)
      }
      return this.prefetchFiles
        .map(({ file, fileWithoutQuery, asType }) => {
          if (shouldPrefetch && !shouldPrefetch(fileWithoutQuery, asType)) {
            return ''
          }
          if (alreadyRendered(file)) {
            return ''
          }
          return `<link rel="prefetch" href="${this.publicPath}${file}">`
        })
        .join('')
    } else {
      return ''
    }
  }