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
  1942cea0_d824_508f_4ddc_fb5cf2567299["renderPrefetchLinks()"]
  a6b6f41b_6598_1b32_00b3_8bbaa08b8c64["TemplateRenderer"]
  1942cea0_d824_508f_4ddc_fb5cf2567299 -->|defined in| a6b6f41b_6598_1b32_00b3_8bbaa08b8c64
  1e33fa19_964c_fc1d_b475_9148bf079077["renderResourceHints()"]
  1e33fa19_964c_fc1d_b475_9148bf079077 -->|calls| 1942cea0_d824_508f_4ddc_fb5cf2567299
  3884fbd0_8831_d753_c6b2_9634b8a270c5["getUsedAsyncFiles()"]
  1942cea0_d824_508f_4ddc_fb5cf2567299 -->|calls| 3884fbd0_8831_d753_c6b2_9634b8a270c5
  style 1942cea0_d824_508f_4ddc_fb5cf2567299 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 ''
    }
  }