main() — react Function Reference

Architecture documentation for the main() function in build.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ main() — react Function Reference

Dependency Diagram

graph TD
  7e15c888_0794_2099_ceab_3244b9f8314e["main()"]
  3bf5ba2e_b869_42a9_bb81_a05f7da3a212["build.js"]
  7e15c888_0794_2099_ceab_3244b9f8314e -->|defined in| 3bf5ba2e_b869_42a9_bb81_a05f7da3a212
  style 7e15c888_0794_2099_ceab_3244b9f8314e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-extensions/edge/build.js lines 12–37

const main = async () => {
  const {crx} = argv;

  await build('edge');

  const cwd = join(__dirname, 'build');
  if (crx) {
    const crxPath = join(__dirname, '..', 'node_modules', '.bin', 'crx');

    execSync(`${crxPath} pack ./unpacked -o ReactDevTools.crx`, {
      cwd,
    });
  }

  console.log(chalk.green('\nThe Microsoft Edge extension has been built!'));

  console.log(chalk.green('\nTo load this extension:'));
  console.log(chalk.yellow('Navigate to edge://extensions/'));
  console.log(chalk.yellow('Enable "Developer mode"'));
  console.log(chalk.yellow('Click "LOAD UNPACKED"'));
  console.log(chalk.yellow('Select extension folder - ' + cwd + '\\unpacked'));

  console.log(chalk.green('\nYou can test this build by running:'));
  console.log(chalk.gray('\n# From the react-devtools root directory:'));
  console.log('yarn run test:edge\n');
};