feat(plugin-react): Add possibility to specify a different set of Bab…

…el plugins for SSR
vitejs · Dec 22, 2021 · c1376b3 · c1376b3
1 parent a96bdd9
commit c1376b3
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/plugin-react/src/index.ts b/packages/plugin-react/src/index.ts
@@ -37,6 +37,12 @@ export interface Options {
    * Babel configuration applied in both dev and prod.
    */
   babel?: TransformOptions
+
+  /**
+   * Overrides `babel.plugins` in SSR.
+   */
+  ssrPlugins?: TransformOptions['plugins']
+
   /**
    * @deprecated Use `babel.parserOpts.plugins` instead
    */
@@ -55,6 +61,8 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
   const useAutomaticRuntime = opts.jsxRuntime !== 'classic'
 
   const userPlugins = opts.babel?.plugins || []
+  const userSsrPlugins = opts.ssrPlugins || userPlugins
+
   const userParserPlugins =
     opts.parserPlugins || opts.babel?.parserOpts?.plugins || []
 
@@ -113,7 +121,9 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
         const isProjectFile =
           !isNodeModules && (id[0] === '\0' || id.startsWith(projectRoot + '/'))
 
-        const plugins = isProjectFile ? [...userPlugins] : []
+        const plugins = isProjectFile
+          ? [...(ssr ? userSsrPlugins : userPlugins)]
+          : []
 
         let useFastRefresh = false
         if (!skipFastRefresh && !ssr && !isNodeModules) {