setupReactCompiler() — vite Function Reference

Architecture documentation for the setupReactCompiler() function in index.ts from the vite codebase.

Function typescript ProjectScaffolder CLIPrompts calls 2 called by 1

Entity Profile

ProjectScaffolder→ CLIPrompts→ setupReactCompiler() — vite Function Reference

Dependency Diagram

graph TD
  70332fa3_c6e8_f1a8_9fd8_d971f1fc35dd["setupReactCompiler()"]
  ebed723b_f143_390f_439d_dfaa680d6d16["index.ts"]
  70332fa3_c6e8_f1a8_9fd8_d971f1fc35dd -->|defined in| ebed723b_f143_390f_439d_dfaa680d6d16
  6d5b7f61_22fe_5498_a292_5c478890d5f3["init()"]
  6d5b7f61_22fe_5498_a292_5c478890d5f3 -->|calls| 70332fa3_c6e8_f1a8_9fd8_d971f1fc35dd
  feac57b5_bee2_d4b5_ec5a_d305908c5a40["editFile()"]
  70332fa3_c6e8_f1a8_9fd8_d971f1fc35dd -->|calls| feac57b5_bee2_d4b5_ec5a_d305908c5a40
  f3902210_2f4d_8c53_6d53_b38d2fac2d4e["updateReactCompilerReadme()"]
  70332fa3_c6e8_f1a8_9fd8_d971f1fc35dd -->|calls| f3902210_2f4d_8c53_6d53_b38d2fac2d4e
  style 70332fa3_c6e8_f1a8_9fd8_d971f1fc35dd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/create-vite/src/index.ts lines 812–846

function setupReactCompiler(root: string, isTs: boolean) {
  // renovate: datasource=npm depName=babel-plugin-react-compiler
  const reactCompilerPluginVersion = '1.0.0'

  editFile(path.resolve(root, 'package.json'), (content) => {
    const asObject = JSON.parse(content)
    const devDepsEntries = Object.entries(asObject.devDependencies)
    devDepsEntries.push([
      'babel-plugin-react-compiler',
      `^${reactCompilerPluginVersion}`,
    ])
    devDepsEntries.sort()
    asObject.devDependencies = Object.fromEntries(devDepsEntries)
    return JSON.stringify(asObject, null, 2) + '\n'
  })
  editFile(
    path.resolve(root, `vite.config.${isTs ? 'ts' : 'js'}`),
    (content) => {
      return content.replace(
        '  plugins: [react()],',
        `  plugins: [
    react({
      babel: {
        plugins: [['babel-plugin-react-compiler']],
      },
    }),
  ],`,
      )
    },
  )
  updateReactCompilerReadme(
    root,
    'The React Compiler is enabled on this template. See [this documentation](https://react.dev/learn/react-compiler) for more information.\n\nNote: This will impact Vite dev & build performances.',
  )
}