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 ServerRenderer BundleRenderer called by 2

Entity Profile

Dependency Diagram

graph TD
  cee4de49_0b70_85e4_f6f8_2be136343354["compileWithWebpack()"]
  ada09346_85ed_eb5e_6bd3_40ade9657105["createWebpackBundleRenderer()"]
  ada09346_85ed_eb5e_6bd3_40ade9657105 -->|calls| cee4de49_0b70_85e4_f6f8_2be136343354
  9e94dbbc_5642_51d1_c552_c3735bc5ccdd["generateClientManifest()"]
  9e94dbbc_5642_51d1_c552_c3735bc5ccdd -->|calls| cee4de49_0b70_85e4_f6f8_2be136343354
  style cee4de49_0b70_85e4_f6f8_2be136343354 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