Update angularcli monorepo to v12 (major)

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@angular-devkit/build-angular	0.1000.2 -> 12.0.1
@angular/cli	10.0.2 -> 12.0.1

---

Release Notes

angular/angular-cli

v12.0.1

Compare Source

Commits

@​angular-devkit/build-angular (12.0.1)
Commit	Description	Notes
	add experimental web-assembly	[Closes #​20762]
	fix error with inline styles when running extract-i18n
	add `NG_BUILD_MAX_WORKERS` settimgs to control maximum number of workers
	non injected styles should not count as initial	[Closes #​20781]
	revert open to 8.0.2	[Closes #​20807]
	correctly resolve babel runtime helpers	[Closes #​20800]
	compile schema in synchronously	[Closes #​20847]
	execute dart-sass in a worker
	reduce JSON stats
	use CSS optimization plugin that leverages workers
	render Sass using a pool of workers
	clean no-longer used assets during builds
@​angular/cli (12.0.1)
Commit	Description	Notes
	cannot locate bin for temporary package
	clean node modules directory prior to updating
	improve `--prod` deprecation warning	[Closes #​20806]
@​ngtools/webpack (12.0.1)
Commit	Description	Notes
	reduce non-watch mode TypeScript diagnostic analysis overhead
@​schematics/angular (12.0.1)
Commit	Description	Notes
	remove --prod option from README template
	don't add `skipTest` option to module schematic options	[Closes #​20811]
	add migration to remove `skipTests` from `@schematics/angular:module`	[Closes #​20848]

---

---

Special Thanks

Alan Agius, Charles Lyding, Joey Perrott, Keen Yee Liau, Luca Vazzano, Pankaj Patil, Ryan Lester, Terence D. Honles, Alan Cohen

v12.0.0

Commits

@​angular-devkit/architect (0.1200.0)
Commit	Description	Notes
	add implementation for defaultConfiguration
@​angular-devkit/build-angular (12.0.0)
Commit	Description	Notes
	add `postcss-preset-env` with stage 3 features
	drop support for karma version 5.2
	drop support for ng-packagr version 11
	enable inlineCritical by default
	show warning during build when project requires IE 11 support
	expose legacy-migrate message format
	integrate JIT mode linker	[Closes #​20281]
	upgrade to Webpack 5 throughout the build system
	support processing component inline CSS styles
	support specifying stylesheet language for inline component styles
	remove left-over `experimentalRollupPass` option
	support writing large Webpack stat outputs
	ensure output directory is present before writing stats JSON
	remove deprecated View Engine support for i18n extraction
	remove usage of deprecated View Engine compiler
	remove deprecated i18nLocale and i18nFormat options from i18n-extract
	update karma builder to use non-deprecated API
	disable webpack cache when using `NG_BUILD_CACHE`
	remove duplicate application bundle generation complete message
	mark programmatic builder execution functions as experimental
	avoid double build optimizer processing
	replace Webpack 4 `hashForChunk` hook usage
	use new Webpack watch API in karma webpack plugin
	recover from CSS optimization errors
	disable Webpack 5 automatic public path support
	always inject live reload client when using live reload
	change several builder options defaults
	show warning when using stylus
	avoid triggering file change after file build
	remove left-over `forkTypeChecker` option
	disable CSS declaration sorting optimizations	[Closes #​20693]
	disable `showCircularDependencies` by default
	use Webpack's GC memory caching in watch mode
	improve incremental time during Karma tests
	avoid async downlevel for known ES2015 code
@​angular-devkit/build-optimizer (0.1200.0)
Commit	Description	Notes
	support Webpack 5
@​angular-devkit/build-webpack (0.1200.0)
Commit	Description	Notes
	provide output path in builder results
	support Webpack 5
@​angular-devkit/core (12.0.0)
Commit	Description	Notes
	add handling for `defaultConfiguration` target definition property
	update schema validator
	ensure job input values are processed in order
	improve handling of set schema values	[Closes #​20594]
@​angular/cli (12.0.0)
Commit	Description	Notes
	add `defaultConfiguration` property to architect schema
	deprecate `--prod` command line argument
	confirm ng add action before installation
	support TypeScript 4.2
	ensure odd number Node.js version message is a warning
	remove npm 7 incompatibility notification
	avoid exceptions for expected errors in architect commands
	ensure update migrations are fully executed
	exclude deprecated packages with removal migrations from update
	add message update updating from non LTS versions of the CLI
	ignore `tsickle` during updates
	run all migrations when updating from or between prereleases
	add package manager name and version in `ng version` output
	Support XDG Base Directory Specfication
	don't display options multiple times in schematics help output
	change package installation to async
	infer schematic defaults correctly when using `--project`	[Closes #​20666]
	propagate update's force option to package managers
	allow unsetting config when value is `undefined`
	allow config object to be of JSON.
	disallow additional properties in builders sections
@​ngtools/webpack (12.0.0)
Commit	Description	Notes
	support Webpack 5
	drop support for string based lazy loading
	support multiple plugin instances per compilation
	support generating data URIs for inline component styles in JIT
	support processing inline component styles in AOT
	remove Webpack 5 deprecation warning in resource loader
	use correct Webpack asset stage in resource loader
	remove Webpack plugin for deprecated ViewEngine compiler
	only track actual resource file dependencies
	avoid adding transitive dependencies to Webpack's dependency graph
	use precalculated dependencies in unused file check
	only check affected files for Angular semantic diagnostics
	cache results of processed inline resources
	rebuild Angular required files asynchronously
	reduce source file and Webpack module iteration
@​schematics/angular (12.0.0)
Commit	Description	Notes
	add migration to remove deprecated options from 'angular.json'
	strict mode by default
	use new zone.js entry-points
	add migration to use new zone.js entry-points
	add migration to remove emitDecoratorMetadata
	augment `universal` schematics to import `platform-server` shims	[Closes #​40559]
	update new project dependencies version	[Closes #​20106]
	production builds by default
	deprecate `legacyBrowsers` application and ng-new option
	add migration to remove `lazyModules` configuration option
	add migration to update lazy loading string syntax to use dynamic imports
	update several TypeScript compilation target (Syntax)
	remove tslint and codelyzer from new projects	[Closes #​20105] [Closes #​18465]
	add production by default optional migration
	update new workspaces to use Karma 6.3
	remove `entryComponent` from `component` schematic
	configure new libraries to be published in Ivy partial mode
	update `jasmine-spec-reporter` to version 7
	migrate web workers to support Webpack 5
	only update removed v12 options in migration
	add `additionalProperties` to all schemas
	remove references to the prod flag
	only show legacy browsers deprecation warning when option is used
	remove leftover workspace tslint config
	correctly handle adding multi-line strings to `@NgModule` metadata
	run update-i18n migration for server builder
	update web-worker to support Webpack 5
	set `inlineStyleLanguage` when application `style` option is used
	set `inlineStyleLanguage` for universal if present in build options
	remove jasmine-spec-reporter and ts-node from default workspace
	remove Protractor from home page
	remove lint command from package.json	[Closes #​20618]
	fix migration for namedChunks and option
	add "type" option in enum schematic
	only run `emitDecoratorMetadata` removal migration in safe workspaces
	replace `clientProject` with `project`

---

Breaking Changes

@​schematics/angular: remove `stylus` from `style` options (fd729ac)

`styl` (Stylus) is no longer a supported value as `style` in `application`, `component`, `ng-new` schematics. Stylus is not actively maintained and only 0.3% of the Angular CLI users use it.

(cherry picked from commit 0272fc5)

@​angular-devkit/build-angular: change several builder options defaults (656f8d7)

A number of browser and server builder options have had their default values changed. The aim of these changes is to reduce the configuration complexity and support the new "production builds by default" initiative.

Browser builder

Option	Previous default value	New default value
optimization	false	true
aot	false	true
buildOptimizer	false	true
sourceMap	true	false
extractLicenses	false	true
namedChunks	true	false
vendorChunk	true	false

Server builder

Option	Previous default value	New default value
optimization	false	true
sourceMap	true	false

(cherry picked from commit 0a74d0d)

@​angular-devkit/core: update schema validator (0875313)

support for JSON Schema draft-04 and draft-06 is removed. If you have schemas using the `id` keyword replace them with `$id`. For an interim period we will auto rename any top level `id` keyword to `$id`.

NB: This change only effects schematics and builders authors.

@​angular-devkit/build-angular: upgrade to Webpack 5 throughout the build system (d883ce5)

Webpack 5 lazy loaded file name changes Webpack 5 generates similar but differently named files for lazy loaded JavaScript files in development configurations (when the `namedChunks` option is enabled). For the majority of users this change should have no effect on the application and/or build process. Production builds should also not be affected as the `namedChunks` option is disabled by default in production configurations. However, if a project's post-build process makes assumptions as to the file names then adjustments may need to be made to account for the new naming paradigm. Such post-build processes could include custom file transformations after the build, integration into service-side frameworks, or deployment procedures. Example development file name change: `lazy-lazy-module.js` --> `src_app_lazy_lazy_module_ts.js`

@​ngtools/webpack: remove Webpack plugin for deprecated ViewEngine compiler (160102a)

Removal of View Engine support from application builds With the removal of the deprecated View Engine compiler in Angular version 12 for applications, the View Engine Webpack plugin has been removed. The Ivy-based Webpack plugin is the default used within the Angular CLI. If using a custom standalone Webpack configuration, the removed `AngularCompilerPlugin` should be replaced with the Ivy-based `AngularWebpackPlugin`.

@​angular-devkit/build-angular: remove deprecated i18n options from server and browser builder (5cf9a08)

Removal of deprecated browser and server command options. - `i18nFile`, use `locales` object in the project metadata instead. - `i18nFormat`, No longer needed as the format will be determined automatically. - `i18nLocale`, use `localize` option instead.

@​angular-devkit/build-angular: remove deprecated i18nLocale and i18nFormat options from i18n-extract (eca5a01)

Removal of deprecated `extract-i18n` command options The deprecated `i18nLocale` option has been removed and the `i18n.sourceLocale` within a project's configuration should be used instead. The deprecated `i18nFormat` option has been removed and the `format` option should be used instead.

@​angular-devkit/build-angular: remove usage of deprecated View Engine compiler (677913f)

Removal of View Engine support from application builds With the removal of the deprecated View Engine compiler in Angular version 12 for applications, Ivy-based compilation will always be used when building an application. The default behavior for applications is to use the Ivy compiler when building and no changes are required for these applications. For applications that have opted-out of Ivy, a warning will be shown and an Ivy-based build will be attempted. If the build fails, the application may need to be updated to become Ivy compatible.

@​schematics/angular: remove `entryComponent` from `component` schematic (8582ddc)

`entryComponent` option has been removed from the `component` schematic as this was intended to be used with the the now no longer supported ViewEngine rendering engine.

@​angular-devkit/build-angular: remove view engine app-shell generation (1c2aeeb)

App-shell builder now only supports generation using Ivy

@​angular-devkit/build-angular: remove deprecated View Engine support for i18n extraction (012700a)

Removal of View Engine support from i18n extraction With the removal of the deprecated View Engine compiler in Angular version 12 for applications, the `ng extract-i18n` command will now always use the Ivy compiler. The `--ivy` option has also been removed as Ivy-based extraction is always enabled. The default behavior for applications is to use the Ivy compiler for building/extraction and no changes are required for these applications. For applications that have opted-out of Ivy, a warning will be shown and Ivy-based extraction will be attempted. If the extraction fails, the application may need to be updated to become Ivy compatible.

@​angular/cli: confirm ng add action before installation (985dc1a)

The `ng add` command will now ask the user to confirm the package and version prior to installing and executing an uninstalled package. This new behavior allows a user to abort the action if the version selected is not appropriate or if a typo occurred on the command line and an incorrect package would be installed. A `--skip-confirmation` option has been added to skip the prompt and directly install and execute the package. This option is useful in CI and non-TTY scenarios such as automated scripts.

@​angular-devkit/build-angular: remove deprecated `lazyModules` option (8d66912)

Server and Browser builder `lazyModules` option has been removed without replacement.

@​ngtools/webpack: drop support for string based lazy loading (0dc7327)

With this change we drop support for string based lazy loading `./lazy.module#LazyModule` use dynamic imports instead.

The following options which were used to support the above syntax were removed without replacement.

• discoverLazyRoutes
• additionalLazyModules
• additionalLazyModuleResources
• contextElementDependencyConstructor

@​angular-devkit/build-angular: enable inlineCritical by default (aa3ea88)

Critical CSS inlining is now enabled by default. If you wish to turn this off set `inlineCritical` to `false`.

See: https://angular.io/guide/workspace-config#optimization-configuration

@​angular-devkit/build-angular: drop support for zone.js 0.10 (f309516)

Minimum supported `zone.js` version is `0.11.4`

@​angular-devkit/build-angular: drop support for ng-packagr version 11 (44e75be)

Minimum supported `ng-packagr` version is `12.0.0-next`

@​angular-devkit/build-angular: drop support for karma version 5.2 (fa5cf53)

Minimum supported `karma` version is `6.0.0`

set minimum Node.js version to 12.13 (d1f6169)

Node.js version 10 will become EOL on 2021-04-30. Angular CLI 12 will require Node.js 12.13+ or 14.15+. Node.js 12.13 and 14.15 are the first LTS releases for their respective majors.

@​angular-devkit/build-angular: remove file-loader dependency (6732294)

The unsupported/undocumented, Webpack specific functionality to `import`/`require()` a non-module file has been removed.

Before

import img from './images/asset.png';

After

<img src="images/asset.png">

---

Special Thanks

Alan Agius, Charles Lyding, Keen Yee Liau, Joey Perrott, Doug Parker, Cédric Exbrayat, Douglas Parker, George Kalpakas, Sam Bulatov, Joshua Chapman, Santosh Yadav, David Shevitz, Kristiyan Kostadinov

---

Configuration

📅 Schedule: At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻️ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

---

• If you want to rebase/retry this PR, check this box.

---

This PR has been generated by WhiteSource Renovate. View repository job log here.