createWebpackBundleRenderer() — vue Function Reference

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

Function typescript CompilerSFC StyleProcessor calls 1 called by 2

Entity Profile

CompilerSFC→ StyleProcessor→ createWebpackBundleRenderer() — vue Function Reference

Dependency Diagram

graph TD
  62c7c384_07e0_9b4d_0470_4dbef04321eb["createWebpackBundleRenderer()"]
  80ffdb31_30bf_204b_ee64_bbb38151ebd9["compile-with-webpack.ts"]
  62c7c384_07e0_9b4d_0470_4dbef04321eb -->|defined in| 80ffdb31_30bf_204b_ee64_bbb38151ebd9
  f767aec8_ef28_92ff_7c10_458ed7f6f35e["createAssertions()"]
  f767aec8_ef28_92ff_7c10_458ed7f6f35e -->|calls| 62c7c384_07e0_9b4d_0470_4dbef04321eb
  a6c90c59_bad0_cde0_014d_267f94b3588f["createRendererWithManifest()"]
  a6c90c59_bad0_cde0_014d_267f94b3588f -->|calls| 62c7c384_07e0_9b4d_0470_4dbef04321eb
  d504e56d_e99f_6cae_8673_b0fba3808e2b["compileWithWebpack()"]
  62c7c384_07e0_9b4d_0470_4dbef04321eb -->|calls| d504e56d_e99f_6cae_8673_b0fba3808e2b
  style 62c7c384_07e0_9b4d_0470_4dbef04321eb 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)
}