refactor(web): improve environment file loading logic in webpack config

This commit refines the environment file loading logic in the webpack configuration. It updates variable names for clarity, ensures that the correct environment file is used, and enhances logging for build processes. Additionally, it maintains flexibility by allowing environment variables to be provided via process.env when the specified file is not found.

Author: tyler-dane

packages/web/webpack.config.mjs

@@ -19,21 +19,28 @@ const loadEnvFile = (envName) => {
     test: null, // test environment doesn't require env file
   };
 
-  const file = map[envName] || ".env.local";
+  const envFile = map[envName];
 
   // Skip file loading for test environment or if file is explicitly null
-  if (envName === "test" || file === null) {
+  if (envName === "test" || envFile === null) {
     console.log(
       `Skipping env file load for ${envName} environment (using process.env)`,
     );
     return;
   }
 
-  const fullPath = _resolve(_dirname, "..", "..", "packages", "backend", file);
+  const fullPath = _resolve(
+    _dirname,
+    "..",
+    "..",
+    "packages",
+    "backend",
+    envFile,
+  );
 
   if (fs.existsSync(fullPath)) {
-    console.log(`Creating a ${envName} build using ${file} ...`);
-    dotenv.config({ path: fullPath });
+    console.log(`Creating a ${envName} build using ${envFile} ...`);
+    dotenv.config({ path: fullPath, override: true });
   } else {
     // Only warn, don't exit - allow environment variables to be provided via process.env (e.g., in CI)
     console.warn(
@@ -45,7 +52,7 @@ const loadEnvFile = (envName) => {
 export default (env, argv) => {
   const IS_DEV = argv.mode === "development";
 
-  const ENVIRONMENT = argv.nodeEnv || "local";
+  const ENVIRONMENT = argv.nodeEnv;
   loadEnvFile(ENVIRONMENT);
 
   const GLOBAL_SCSS = resolvePath("src/common/styles/index.scss");