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 VueCore VDom called by 2

Entity Profile

Dependency Diagram

graph TD
  4bcbdd96_b277_5b96_8526_0f9b1e5719c4["compileWithWebpack()"]
  376852b3_f7bb_d51e_6be4_247c9f18e863["compile-with-webpack.ts"]
  4bcbdd96_b277_5b96_8526_0f9b1e5719c4 -->|defined in| 376852b3_f7bb_d51e_6be4_247c9f18e863
  840bac07_32f7_334d_1162_27955fe7db96["createWebpackBundleRenderer()"]
  840bac07_32f7_334d_1162_27955fe7db96 -->|calls| 4bcbdd96_b277_5b96_8526_0f9b1e5719c4
  476a6323_5af8_c06c_996b_228d9ae5863a["generateClientManifest()"]
  476a6323_5af8_c06c_996b_228d9ae5863a -->|calls| 4bcbdd96_b277_5b96_8526_0f9b1e5719c4
  style 4bcbdd96_b277_5b96_8526_0f9b1e5719c4 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