setupReactSwc() — vite Function Reference

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

Function typescript ProjectScaffolder CLIPrompts calls 2 called by 1

Entity Profile

ProjectScaffolder→ CLIPrompts→ setupReactSwc() — vite Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/create-vite/src/index.ts lines 790–810

function setupReactSwc(root: string, isTs: boolean) {
  // renovate: datasource=npm depName=@vitejs/plugin-react-swc
  const reactSwcPluginVersion = '4.2.3'

  editFile(path.resolve(root, 'package.json'), (content) => {
    return content.replace(
      /"@vitejs\/plugin-react": ".+?"/,
      `"@vitejs/plugin-react-swc": "^${reactSwcPluginVersion}"`,
    )
  })
  editFile(
    path.resolve(root, `vite.config.${isTs ? 'ts' : 'js'}`),
    (content) => {
      return content.replace('@vitejs/plugin-react', '@vitejs/plugin-react-swc')
    },
  )
  updateReactCompilerReadme(
    root,
    'The React Compiler is currently not compatible with SWC. See [this issue](https://github.com/vitejs/vite-plugin-react/issues/428) for tracking the progress.',
  )
}