vue Architecture Docs
Home / Function/ compileWithWebpack() — vue Function Reference

compileWithWebpack() — vue Function Reference

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

Function typescript CompilerSFC TemplateTransformer called by 2

Entity Profile

Dependency Diagram

graph TD
  d504e56d_e99f_6cae_8673_b0fba3808e2b["compileWithWebpack()"]
  80ffdb31_30bf_204b_ee64_bbb38151ebd9["compile-with-webpack.ts"]
  d504e56d_e99f_6cae_8673_b0fba3808e2b -->|defined in| 80ffdb31_30bf_204b_ee64_bbb38151ebd9
  62c7c384_07e0_9b4d_0470_4dbef04321eb["createWebpackBundleRenderer()"]
  62c7c384_07e0_9b4d_0470_4dbef04321eb -->|calls| d504e56d_e99f_6cae_8673_b0fba3808e2b
  4000a974_63e1_bc5d_af41_5637fc50f6c0["generateClientManifest()"]
  4000a974_63e1_bc5d_af41_5637fc50f6c0 -->|calls| d504e56d_e99f_6cae_8673_b0fba3808e2b
  style d504e56d_e99f_6cae_8673_b0fba3808e2b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/test/compile-with-webpack.ts lines 8–48

export function compileWithWebpack(
  file: string,
  extraConfig?: webpack.Configuration
) {
  const config: webpack.Configuration = {
    mode: 'development',
    entry: path.resolve(__dirname, 'fixtures', file),
    module: {
      rules: [
        {
          test: /async-.*\.js$/,
          loader: require.resolve('./async-loader')
        },
        {
          test: /\.(png|woff2|css)$/,
          loader: require.resolve('file-loader'),
          options: {
            name: '[name].[ext]'
          }
        }
      ]
    }
  }
  if (extraConfig) {
    Object.assign(config, extraConfig)
  }

  const compiler = webpack(config)
  const fs = new MemoryFS()
  compiler.outputFileSystem = fs

  return new Promise<MemoryFS>((resolve, reject) => {
    compiler.run(err => {
      if (err) {
        reject(err)
      } else {
        resolve(fs)
      }
    })
  })
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does compileWithWebpack() do?
compileWithWebpack() is a function in the vue codebase, defined in packages/server-renderer/test/compile-with-webpack.ts.
Where is compileWithWebpack() defined?
compileWithWebpack() is defined in packages/server-renderer/test/compile-with-webpack.ts at line 8.
What calls compileWithWebpack()?
compileWithWebpack() is called by 2 function(s): createWebpackBundleRenderer, generateClientManifest.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free