Alan Agius eb30a92e8a feat(@angular-devkit/build-angular): enable inlining of critical CSS optimizations ...

This is another feature that we mentioned in the Eliminate Render Blocking Requests RFC (#18730)

Inlining of critical CSS is turned off by default. To opt-in this feature set `inlineCritical` to `true`.

Example:
```json
"configurations": {
  "production": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ],
    "optimization": {
      "styles": {
        "minify": true,
        "inlineCritical": true,
       }
    },
```

To learn more about critical CSS see;
https://web.dev/defer-non-critical-css
https://web.dev/extract-critical-css/

In a future version of the Angular CLI `inlineCritical` will be enabled by default.

Closes: #17966
Closes: #11395
Closes: #19445

2020-12-04 15:41:29 -05:00

..

build-browser-features

test: remove non-bazel test setup

2020-04-30 15:12:46 -07:00

hello-world-app

feat(@angular-devkit/build-angular): enable inlining of critical CSS optimizations

2020-12-04 15:41:29 -05:00

hello-world-lib

fix(@schematics/angular): remove duplicated Karma traces

2020-11-13 15:53:01 -05:00