Add production NODE_ENV for build script only

Author: colinrotherham

.storybook/main.ts

@@ -16,7 +16,11 @@ const config: StorybookConfig = {
 
   viteFinal(config) {
     return mergeConfig(config, {
-      plugins: [tsConfigPaths()],
+      plugins: [
+        tsConfigPaths({
+          projects: ['./tsconfig.dev.json', './tsconfig.build.json'],
+        }),
+      ],
       css: {
         preprocessorOptions: {
           scss: {
@@ -25,6 +29,9 @@ const config: StorybookConfig = {
           },
         },
       },
+      esbuild: {
+        jsx: 'automatic',
+      },
     });
   },
 };

babel.config.cjs

@@ -1,4 +1,6 @@
-const { NODE_ENV } = process.env;
+// Node.js environment with default
+// https://nodejs.org/en/learn/getting-started/nodejs-the-difference-between-development-and-production
+const { NODE_ENV = 'development' } = process.env;
 
 /**
  * Babel config
@@ -25,7 +27,7 @@ module.exports = {
     [
       '@babel/preset-react',
       {
-        development: NODE_ENV === 'development',
+        development: NODE_ENV === 'test' || NODE_ENV === 'development',
         runtime: 'automatic',
         useBuiltIns: true,
       },

package.json

@@ -52,8 +52,8 @@
   ],
   "scripts": {
     "cleanup": "rm -rf dist/ > /dev/null",
-    "build": "yarn cleanup && rollup -c",
-    "storybook": "NODE_ENV=development storybook dev -p 6006",
+    "build": "NODE_ENV=production yarn cleanup && rollup -c",
+    "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "jest",
     "test:watch": "jest --watch",