module() — react Function Reference

Architecture documentation for the module() function in babel.config.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ module() — react Function Reference

Dependency Diagram

graph TD
  a9d75e58_3442_9035_dd4a_70ba7740bfac["module()"]
  7a0b461a_1fcf_ed0e_15d6_daf707ed56e9["babel.config.js"]
  a9d75e58_3442_9035_dd4a_70ba7740bfac -->|defined in| 7a0b461a_1fcf_ed0e_15d6_daf707ed56e9
  style a9d75e58_3442_9035_dd4a_70ba7740bfac fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/babel.config.js lines 19–52

module.exports = api => {
  const isTest = api.env('test');
  const targets = {};
  if (isTest) {
    targets.node = 'current';
  } else {
    targets.chrome = minChromeVersion.toString();
    targets.firefox = minFirefoxVersion.toString();

    let additionalTargets = process.env.BABEL_CONFIG_ADDITIONAL_TARGETS;
    if (additionalTargets) {
      additionalTargets = JSON.parse(additionalTargets);
      for (const target in additionalTargets) {
        targets[target] = additionalTargets[target];
      }
    }
  }
  const plugins = [
    ['babel-plugin-syntax-hermes-parser'],
    ['@babel/plugin-transform-flow-strip-types'],
    ['@babel/plugin-proposal-class-properties', {loose: false}],
  ];
  if (process.env.NODE_ENV !== 'production') {
    plugins.push(['@babel/plugin-transform-react-jsx-source']);
  }
  return {
    plugins,
    presets: [
      ['@babel/preset-env', {targets}],
      '@babel/preset-react',
      '@babel/preset-flow',
    ],
  };
};