diff --git a/packages/angular_devkit/build_angular/src/webpack/configs/common.ts b/packages/angular_devkit/build_angular/src/webpack/configs/common.ts
index 84fba1774ead..476b0e388bcf 100644
--- a/packages/angular_devkit/build_angular/src/webpack/configs/common.ts
+++ b/packages/angular_devkit/build_angular/src/webpack/configs/common.ts
@@ -411,6 +411,13 @@ export async function getCommonConfig(wco: WebpackConfigOptions): Promise<Config
             {
               loader: require.resolve('../../babel/webpack-loader'),
               options: {
+                assumptions: {
+                  // Use `setPublicClassFields: true` to avoid decrease bundle sizes
+                  // when targetting ES2022+ with `useDefineForClassFields: true`.
+                  // This is because ervery property of the class will otherwise be wrapped in a `_defineProperty`.
+                  // This is not needed for TypeScript as TS itself will emit the right declaration of class properties.
+                  setPublicClassFields: true,
+                },
                 cacheDirectory: (cache.enabled && path.join(cache.path, 'babel-webpack')) || false,
                 aot: buildOptions.aot,
                 optimize: buildOptions.buildOptimizer,