apply() — vue Function Reference

Architecture documentation for the apply() function in server.ts from the vue codebase.

Function typescript ServerRenderer TemplateRenderer calls 2

Entity Profile

ServerRenderer→ TemplateRenderer→ apply() — vue Function Reference

Dependency Diagram

graph TD
  a49da80f_b793_f663_40e5_6baf1d842252["apply()"]
  98d7d741_3778_ad2e_a5fb_07b84450328e["VueSSRServerPlugin"]
  a49da80f_b793_f663_40e5_6baf1d842252 -->|defined in| 98d7d741_3778_ad2e_a5fb_07b84450328e
  00456468_ee40_8389_e3b5_e9b1b9c1d846["validate()"]
  a49da80f_b793_f663_40e5_6baf1d842252 -->|calls| 00456468_ee40_8389_e3b5_e9b1b9c1d846
  f535a975_7845_514b_b6ff_17229ed679d1["onEmit()"]
  a49da80f_b793_f663_40e5_6baf1d842252 -->|calls| f535a975_7845_514b_b6ff_17229ed679d1
  style a49da80f_b793_f663_40e5_6baf1d842252 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/webpack-plugin/server.ts lines 14–73

  apply(compiler) {
    validate(compiler)

    const stage = 'PROCESS_ASSETS_STAGE_OPTIMIZE_TRANSFER'
    onEmit(compiler, 'vue-server-plugin', stage, (compilation, cb) => {
      const stats = compilation.getStats().toJson()
      const entryName = Object.keys(stats.entrypoints)[0]
      const entryInfo = stats.entrypoints[entryName]

      if (!entryInfo) {
        // #5553
        return cb()
      }

      const entryAssets = entryInfo.assets.map(getAssetName).filter(isJS)

      if (entryAssets.length > 1) {
        throw new Error(
          `Server-side bundle should have one single entry file. ` +
            `Avoid using CommonsChunkPlugin in the server config.`
        )
      }

      const entry = entryAssets[0]
      if (!entry || typeof entry !== 'string') {
        throw new Error(
          `Entry "${entryName}" not found. Did you specify the correct entry option?`
        )
      }

      const bundle = {
        entry,
        files: {},
        maps: {}
      }

      Object.keys(compilation.assets).forEach(name => {
        if (isJS(name)) {
          bundle.files[name] = compilation.assets[name].source()
        } else if (name.match(/\.js\.map$/)) {
          bundle.maps[name.replace(/\.map$/, '')] = JSON.parse(
            compilation.assets[name].source()
          )
        }
        // do not emit anything else for server
        delete compilation.assets[name]
      })

      const json = JSON.stringify(bundle, null, 2)
      //@ts-expect-error
      const filename = this.options.filename

      compilation.assets[filename] = {
        source: () => json,
        size: () => json.length
      }

      cb()
    })
  }