bundle() — react Function Reference

Architecture documentation for the bundle() function in updateMockSourceMaps.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ bundle() — react Function Reference

Dependency Diagram

graph TD
  2f0bf051_d7b9_6666_f997_e791df2ff52a["bundle()"]
  8084e290_7146_ba17_85f2_c5b65a177dab["updateMockSourceMaps.js"]
  2f0bf051_d7b9_6666_f997_e791df2ff52a -->|defined in| 8084e290_7146_ba17_85f2_c5b65a177dab
  style 2f0bf051_d7b9_6666_f997_e791df2ff52a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/hooks/__tests__/updateMockSourceMaps.js lines 316–339

async function bundle() {
  const entryFileName = resolve(sourceDir, 'index.js');

  // Bundle all modules with rollup
  const result = await rollup.rollup({
    input: entryFileName,
    acornInjectPlugins: [jsx()],
    plugins: [
      rollupResolve(),
      commonjs(),
      babel({
        babelHelpers: 'bundled',
        presets: ['@babel/preset-react'],
        sourceMap: true,
      }),
    ],
    external: ['react'],
  });
  await result.write({
    file: resolve(bundleDir, 'index.js'),
    format: 'cjs',
    sourcemap: true,
  });
}