createWebpackBundleRenderer() — vue Function Reference

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

Function typescript VueCore VDom calls 1 called by 2

Entity Profile

VueCore→ VDom→ createWebpackBundleRenderer() — vue Function Reference

Dependency Diagram

graph TD
  840bac07_32f7_334d_1162_27955fe7db96["createWebpackBundleRenderer()"]
  376852b3_f7bb_d51e_6be4_247c9f18e863["compile-with-webpack.ts"]
  840bac07_32f7_334d_1162_27955fe7db96 -->|defined in| 376852b3_f7bb_d51e_6be4_247c9f18e863
  493454dd_1d74_2644_3b82_9ed211809756["createAssertions()"]
  493454dd_1d74_2644_3b82_9ed211809756 -->|calls| 840bac07_32f7_334d_1162_27955fe7db96
  afa85662_96a6_3dd5_db0f_4d2a8d53e4fd["createRendererWithManifest()"]
  afa85662_96a6_3dd5_db0f_4d2a8d53e4fd -->|calls| 840bac07_32f7_334d_1162_27955fe7db96
  4bcbdd96_b277_5b96_8526_0f9b1e5719c4["compileWithWebpack()"]
  840bac07_32f7_334d_1162_27955fe7db96 -->|calls| 4bcbdd96_b277_5b96_8526_0f9b1e5719c4
  style 840bac07_32f7_334d_1162_27955fe7db96 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)
}