Add global configuration for the default change detection and styles encapsulation settings

[galczo5]

Which @angular/* package(s) are relevant/related to the feature request?

compiler-cli

Description

At the moment as a developer when I want to use ChangeDetectionStrategy.OnPush in the whole project, I need to add it to every component. It generates one more line and additional import and it's not intuitive.

Would be great to have an option to set it globally and reduce number of lines in @Component decorator.

Proposed solution

As far as I understand, it needs to set during compilation process, so probably the most obvious place to put configuration is angular.json

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "experiment-signal-input": {
      // ...
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:application",
          "options": {
            "changeDetection": "OnPush", // <---
            "encapsulation": "None", // <---
            "outputPath": "dist/experiment-signal-input",
            // ...
          },
          "defaultConfiguration": "production"
        }
      }
    }
  }
}

The main problem that I see at the moment is that it shouldn't affect third party libraries from node_modules.

Alternatives considered

Make the ChangeDetectionStrategy.OnPush as default, but it will harm onboarding and it sounds bad that ChangeDetectionStrategy.Default is not the default option. So I wouldn't consider it :D

[JeanMeche]

Like you said, global settings would also affect the libraries which could potentially break them.
You currently alternative it to set the schematics to only generate OnPush components.

[galczo5]

What about setting a scope using pattern for OnPush components? Wouldn't it solve the problem? It's a bit more complicated, but still reduces number of lines in @Component decorator.
For example:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "experiment-signal-input": {
      // ...
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:application",
          "options": {
            "changeDetection": [{
              "value": "OnPush",
              "pattern": "src/**/*.component.ts"
            }],
            "outputPath": "dist/experiment-signal-input",
            // ...
          },
          "defaultConfiguration": "production"
        }
      }
    }
  }
}