createWebpackBundleRenderer() — vue Function Reference

Architecture documentation for the createWebpackBundleRenderer() function in compile-with-webpack.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 1 called by 2

Entity Profile

ServerRenderer→ BundleRenderer→ createWebpackBundleRenderer() — vue Function Reference

Dependency Diagram

graph TD
  ada09346_85ed_eb5e_6bd3_40ade9657105["createWebpackBundleRenderer()"]
  77842625_b71c_bb5e_1d9c_e24a717e9d0e["createAssertions()"]
  77842625_b71c_bb5e_1d9c_e24a717e9d0e -->|calls| ada09346_85ed_eb5e_6bd3_40ade9657105
  92559836_b972_e5a5_41d3_5f71622b607e["createRendererWithManifest()"]
  92559836_b972_e5a5_41d3_5f71622b607e -->|calls| ada09346_85ed_eb5e_6bd3_40ade9657105
  cee4de49_0b70_85e4_f6f8_2be136343354["compileWithWebpack()"]
  ada09346_85ed_eb5e_6bd3_40ade9657105 -->|calls| cee4de49_0b70_85e4_f6f8_2be136343354
  style ada09346_85ed_eb5e_6bd3_40ade9657105 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/test/compile-with-webpack.ts lines 50–73

export async function createWebpackBundleRenderer(
  file: string,
  options?: RenderOptions & { asBundle?: boolean }
) {
  const asBundle = !!(options && options.asBundle)
  if (options) delete options.asBundle

  const fs = await compileWithWebpack(file, {
    target: 'node',
    devtool: asBundle ? 'source-map' : false,
    output: {
      path: '/',
      filename: 'bundle.js',
      libraryTarget: 'commonjs2'
    },
    externals: [require.resolve('../../../dist/vue.runtime.common.js')],
    plugins: asBundle ? [new VueSSRServerPlugin()] : []
  })

  const bundle = asBundle
    ? JSON.parse(fs.readFileSync('/vue-ssr-server-bundle.json', 'utf-8'))
    : fs.readFileSync('/bundle.js', 'utf-8')
  return createBundleRenderer(bundle, options)
}