renderScripts() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 2 called by 2

Entity Profile

ServerRenderer→ BundleRenderer→ renderScripts() — vue Function Reference

Dependency Diagram

graph TD
  48333725_76cd_922c_8337_a788ad586e3e["renderScripts()"]
  d00ee0bd_5dce_cc55_ebbd_75e9b4ae547b["render()"]
  d00ee0bd_5dce_cc55_ebbd_75e9b4ae547b -->|calls| 48333725_76cd_922c_8337_a788ad586e3e
  ec23851e_5b87_f9fb_e085_226ff2e53a15["_flush()"]
  ec23851e_5b87_f9fb_e085_226ff2e53a15 -->|calls| 48333725_76cd_922c_8337_a788ad586e3e
  072c2c94_8252_4199_9b74_22be796294bc["getUsedAsyncFiles()"]
  48333725_76cd_922c_8337_a788ad586e3e -->|calls| 072c2c94_8252_4199_9b74_22be796294bc
  b90194e1_807b_c405_3960_fec5bd59d0d6["isJS()"]
  48333725_76cd_922c_8337_a788ad586e3e -->|calls| b90194e1_807b_c405_3960_fec5bd59d0d6
  style 48333725_76cd_922c_8337_a788ad586e3e 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 ''
    }
  }