From e1e70c67155487750b454cbe755b2ca3382bc2af Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 30 Dec 2022 19:13:58 -0600
Subject: [PATCH] Webpack: only load react-refresh/babel in development

---
 webpack/rules/babel.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webpack/rules/babel.ts b/webpack/rules/babel.ts
index 158619f07..21e9c72db 100644
--- a/webpack/rules/babel.ts
+++ b/webpack/rules/babel.ts
@@ -4,6 +4,8 @@ import { env, settings } from '../configuration';
 
 import type { RuleSetRule } from 'webpack';
 
+const isDevelopment = process.env.NODE_ENV === 'development';
+
 const rule: RuleSetRule = {
   test: /\.(js|jsx|mjs|ts|tsx)$/,
   include: [
@@ -25,9 +27,7 @@ const rule: RuleSetRule = {
         cacheDirectory: join(settings.cache_path, 'babel-loader'),
         cacheCompression: env.NODE_ENV === 'production',
         compact: env.NODE_ENV === 'production',
-        plugins: [
-          'react-refresh/babel',
-        ],
+        plugins: isDevelopment ? ['react-refresh/babel'] : [],
       },
     },
   ],