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
  cf13a947_8804_c821_8653_f052b90b701f["compileWithWebpack()"]
  540224ce_6cb5_3e51_d00c_e35582fdc063["createWebpackBundleRenderer()"]
  540224ce_6cb5_3e51_d00c_e35582fdc063 -->|calls| cf13a947_8804_c821_8653_f052b90b701f
  6d626504_4667_044d_6641_070d41ae4527["generateClientManifest()"]
  6d626504_4667_044d_6641_070d41ae4527 -->|calls| cf13a947_8804_c821_8653_f052b90b701f
  style cf13a947_8804_c821_8653_f052b90b701f 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

Called By

Source

Frequently Asked Questions

What does compileWithWebpack() do?
compileWithWebpack() is a function in the vue codebase.
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