renderScripts() — vue Function Reference

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

Function typescript ServerRenderer TemplateRenderer calls 2 called by 2

Entity Profile

ServerRenderer→ TemplateRenderer→ renderScripts() — vue Function Reference

Dependency Diagram

graph TD
  0887ee34_8d99_7e8a_1cbb_dc5cefba6b9d["renderScripts()"]
  a6b6f41b_6598_1b32_00b3_8bbaa08b8c64["TemplateRenderer"]
  0887ee34_8d99_7e8a_1cbb_dc5cefba6b9d -->|defined in| a6b6f41b_6598_1b32_00b3_8bbaa08b8c64
  c2756fe6_1f1e_29d1_4e0a_75be9f92ec3b["render()"]
  c2756fe6_1f1e_29d1_4e0a_75be9f92ec3b -->|calls| 0887ee34_8d99_7e8a_1cbb_dc5cefba6b9d
  b826801b_639e_be55_d795_731fd2aa3dc5["_flush()"]
  b826801b_639e_be55_d795_731fd2aa3dc5 -->|calls| 0887ee34_8d99_7e8a_1cbb_dc5cefba6b9d
  3884fbd0_8831_d753_c6b2_9634b8a270c5["getUsedAsyncFiles()"]
  0887ee34_8d99_7e8a_1cbb_dc5cefba6b9d -->|calls| 3884fbd0_8831_d753_c6b2_9634b8a270c5
  5f5fb88b_7f5f_ad87_4112_efd26becd5ae["isJS()"]
  0887ee34_8d99_7e8a_1cbb_dc5cefba6b9d -->|calls| 5f5fb88b_7f5f_ad87_4112_efd26becd5ae
  style 0887ee34_8d99_7e8a_1cbb_dc5cefba6b9d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/template-renderer/index.ts lines 243–258

  renderScripts(context: Object): string {
    if (this.clientManifest) {
      const initial = this.preloadFiles.filter(({ file }) => isJS(file))
      const async = (this.getUsedAsyncFiles(context) || []).filter(({ file }) =>
        isJS(file)
      )
      const needed = [initial[0]].concat(async, initial.slice(1))
      return needed
        .map(({ file }) => {
          return `<script src="${this.publicPath}${file}" defer></script>`
        })
        .join('')
    } else {
      return ''
    }
  }