Material theme broken with Build Optimizer.

[dinerotah]

Versions

Angular CLI: 1.6.4
Node: 6.11.3
OS: win32 x64
Angular: 5.2.0
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

@angular/cdk: 5.0.4
@angular/cli: 1.6.4
@angular/material: 5.0.4
@angular-devkit/build-optimizer: 0.0.37
@angular-devkit/core: 0.0.24
@angular-devkit/schematics: 0.0.45
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.4
@schematics/angular: 0.1.12
typescript: 2.6.2
webpack: 3.10.0

Repro steps

Observed behavior

Running npm run start -- --prod produce a fab button wihtout accent color:

Running npm run start -- --prod --build-optimizer=false works fine:

Desired behavior

Same behavior with/without Build Optimizer.

Mention any other details that might be useful (optional)

[dinerotah]

@filipesilva After digging around I found that uglifyCompressOptions.pure_getters = true was removing something that is useful. By removing https://github.com/angular/angular-cli/blob/master/packages/%40angular/cli/models/webpack-configs/production.ts#L131 everything works fine.

This compression in my case decrease the vendor bundle size by 1.63%
glifyCompressOptions.pure_getters = false

glifyCompressOptions.pure_getters = true

[clydin]

Nice job on the research. This is actually being tracked over here: angular/devkit#388. And there's a pending PR against material to fix.

[Brocco]

Closing as this is being tracked by the issue mentioned by @clydin above.

[alexjlockwood]

Could anyone recommend a workaround for this issue?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}