diff --git a/code/frameworks/angular/src/client/preview-prod.ts b/code/frameworks/angular/src/client/preview-prod.ts
new file mode 100644
index 000000000000..13a257400434
--- /dev/null
+++ b/code/frameworks/angular/src/client/preview-prod.ts
@@ -0,0 +1,3 @@
+import { enableProdMode } from '@angular/core';
+
+enableProdMode();
diff --git a/code/frameworks/angular/src/preset.ts b/code/frameworks/angular/src/preset.ts
index 016e104e5a6f..76274592ddbc 100644
--- a/code/frameworks/angular/src/preset.ts
+++ b/code/frameworks/angular/src/preset.ts
@@ -10,10 +10,18 @@ export const addons: PresetProperty<'addons', StorybookConfig> = [
   require.resolve('./server/framework-preset-angular-docs'),
 ];
 
-export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entries = []) => [
-  ...entries,
-  require.resolve('./client/config'),
-];
+export const previewAnnotations: StorybookConfig['previewAnnotations'] = (
+  entries = [],
+  options
+) => {
+  const annotations = [...entries, require.resolve('./client/config')];
+
+  if (options.configType === 'PRODUCTION') {
+    annotations.unshift(require.resolve('./client/preview-prod'));
+  }
+
+  return annotations;
+};
 
 export const core: PresetProperty<'core', StorybookConfig> = async (config, options) => {
   const framework = await options.presets.apply<StorybookConfig['framework']>('framework');