perf(@angular-devkit/build-angular): use esbuild as a CSS optimizer for component styles

[clydin]

The stylesheet optimization pipeline now uses esbuild for component stylesheets. The usage of esbuild provides noticeable build time improvements as well as, on average, smaller output sizes.
esbuild currently does not support stylesheet sourcemaps. However, since the Angular CLI does not support component stylesheet sourcemaps when optimizing, this lack of support is not problematic.
Global stylesheets will continue to use cssnano as an optimizer due to sourcemaps being required for global stylesheets even when optimizing. When esbuild adds stylesheet sourcemap support, global stylesheets may be transitioned to esbuild as well.

[alan-agius4]

🚀🚀

[demike]

The stylesheet optimization pipeline now uses esbuild for component stylesheets. The usage of esbuild provides noticeable build time improvements as well as, on average, smaller output sizes.
esbuild currently does not support stylesheet sourcemaps. However, since the Angular CLI does not support component stylesheet sourcemaps when optimizing, this lack of support is not problematic.
Global stylesheets will continue to use cssnano as an optimizer due to sourcemaps being required for global stylesheets even when optimizing. When esbuild adds stylesheet sourcemap support, global stylesheets may be transitioned to esbuild as well.

fyi: esbuild now supports css source maps.

[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.}