diff --git a/nifi-frontend/src/main/frontend/apps/nifi/project.json b/nifi-frontend/src/main/frontend/apps/nifi/project.json
index 9364f4b7c6..eb50b9021a 100644
--- a/nifi-frontend/src/main/frontend/apps/nifi/project.json
+++ b/nifi-frontend/src/main/frontend/apps/nifi/project.json
@@ -41,7 +41,13 @@
                     "extractLicenses": false,
                     "sourceMap": true,
                     "namedChunks": true,
-                    "outputHashing": "none"
+                    "outputHashing": "none",
+                    "fileReplacements": [
+                        {
+                            "replace": "apps/nifi/src/environments/environment.ts",
+                            "with": "apps/nifi/src/environments/environment.development.ts"
+                        }
+                    ]
                 }
             },
             "defaultConfiguration": "production"
diff --git a/nifi-frontend/src/main/frontend/apps/nifi/src/app/app.module.ts b/nifi-frontend/src/main/frontend/apps/nifi/src/app/app.module.ts
index 21ca346d71..1f8453488c 100644
--- a/nifi-frontend/src/main/frontend/apps/nifi/src/app/app.module.ts
+++ b/nifi-frontend/src/main/frontend/apps/nifi/src/app/app.module.ts
@@ -23,7 +23,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { StoreModule } from '@ngrx/store';
 import { EffectsModule } from '@ngrx/effects';
 import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-import { environment } from './environments/environment';
+import { environment } from '../environments/environment';
 import { HttpClientModule, HttpClientXsrfModule, provideHttpClient, withInterceptors } from '@angular/common/http';
 import { NavigationActionTiming, RouterState, StoreRouterConnectingModule } from '@ngrx/router-store';
 import { rootReducers } from './state';
diff --git a/nifi-frontend/src/main/frontend/apps/nifi/src/app/environments/environment.ts b/nifi-frontend/src/main/frontend/apps/nifi/src/environments/environment.development.ts
similarity index 58%
rename from nifi-frontend/src/main/frontend/apps/nifi/src/app/environments/environment.ts
rename to nifi-frontend/src/main/frontend/apps/nifi/src/environments/environment.development.ts
index 41b1ffe37b..584182e1d9 100644
--- a/nifi-frontend/src/main/frontend/apps/nifi/src/app/environments/environment.ts
+++ b/nifi-frontend/src/main/frontend/apps/nifi/src/environments/environment.development.ts
@@ -15,19 +15,6 @@
  * limitations under the License.
  */
 
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
 export const environment = {
     production: false
 };
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
diff --git a/nifi-frontend/src/main/frontend/apps/nifi/src/app/environments/environment.prod.ts b/nifi-frontend/src/main/frontend/apps/nifi/src/environments/environment.ts
similarity index 100%
rename from nifi-frontend/src/main/frontend/apps/nifi/src/app/environments/environment.prod.ts
rename to nifi-frontend/src/main/frontend/apps/nifi/src/environments/environment.ts