angular / angular/components

Significant Slowdown in M3 Runtime Compilation

Open
#28,971 10 comments 2 reactions 0 assignees View on GitHub
area: material/core M3 needs investigation P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

Building our NX monorepo, particularly when utilizing M3 material components at runtime, is experiencing noticeable delays. This slowdown in compilation time is impacting our development efficiency.

Without M3, the compilation process takes approximately 2 seconds. However, with M3 integrated, the compilation time extends to 40 seconds or more.

### Reproduction

StackBlitz link:
Steps to reproduce:
1.
2.

### Expected Behavior
.

### Actual Behavior

.

### Environment

- Angular: v18.0.0-rc.0
- CDK/Material: v18.0.0-rc.0
- Browser(s): chrome
- Operating System (e.g. Windows, macOS, Ubuntu): mac

Contributor guide

Open the contributing guide

Research direction

No usable reproduction link, steps, files, tests, or entry points are provided. Start by reproducing the NX monorepo build with and without Angular Material M3 runtime components, comparing the reported roughly 2-second and 40-second compilation times; done requires isolating the slowdown and verifying improved compilation timing.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend, performance
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.