diff --git a/1st-gen/scripts/ts-tools.js b/1st-gen/scripts/ts-tools.js
index bb968b9853d..c86a27c8795 100644
--- a/1st-gen/scripts/ts-tools.js
+++ b/1st-gen/scripts/ts-tools.js
@@ -83,7 +83,10 @@ export const buildPackage = async (paths) => {
       build({
         ...config,
         entryPoints: devPaths,
-        define: { 'window.__swc.DEBUG': 'true' },
+        define: {
+          'window.__swc.DEBUG': 'true',
+          'process.env.NODE_ENV': '"development"',
+        },
         outExtension: { '.js': '.dev.js' },
         plugins: devPlugins,
       }).catch(() => process.exit(1))
@@ -91,7 +94,10 @@ export const buildPackage = async (paths) => {
   }
   const prodConfig = {
     ...config,
-    define: { 'window.__swc.DEBUG': 'false' },
+    define: {
+      'window.__swc.DEBUG': 'false',
+      'process.env.NODE_ENV': '"production"',
+    },
     plugins: paths.length === 1 ? [] : prodPlugins,
   };
   if (prodPath.length) {
diff --git a/2nd-gen/packages/core/vite.config.js b/2nd-gen/packages/core/vite.config.js
index f91fd99b164..9e08614ceda 100644
--- a/2nd-gen/packages/core/vite.config.js
+++ b/2nd-gen/packages/core/vite.config.js
@@ -86,7 +86,12 @@ function getEntries() {
   return entries;
 }
 
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
+  define: {
+    'process.env.NODE_ENV': JSON.stringify(
+      mode === 'development' ? 'development' : 'production'
+    ),
+  },
   plugins: [
     dts({
       include: ['**/*.ts'],
@@ -125,4 +130,4 @@ export default defineConfig({
   esbuild: {
     target: 'es2018',
   },
-});
+}));
diff --git a/2nd-gen/packages/swc/vite.config.ts b/2nd-gen/packages/swc/vite.config.ts
index fd0ad4ba2c2..94e0d57d423 100644
--- a/2nd-gen/packages/swc/vite.config.ts
+++ b/2nd-gen/packages/swc/vite.config.ts
@@ -60,7 +60,12 @@ function processStylesheets(): Plugin {
   };
 }
 
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
+  define: {
+    'process.env.NODE_ENV': JSON.stringify(
+      mode === 'development' ? 'development' : 'production'
+    ),
+  },
   plugins: [
     litCss({ exclude: ['./stylesheets/**/*.css'] }),
     processStylesheets(),
@@ -147,4 +152,4 @@ export default defineConfig({
   esbuild: {
     target: 'es2018',
   },
-});
+}));