Angular CLI: v12.0.0-rc.0 Release

Release date:
April 19, 2021
Previous version:
v12.0.0-next.9 (released April 14, 2021)
Magnitude:
67 Diff Delta
Contributors:
3 total committers
Data confidence:
Commits:

39 Features Released with v12.0.0-rc.0

Top Contributors in v12.0.0-rc.0

alan-agius4
clydin
kyliau

Directory Browser for v12.0.0-rc.0

We haven't yet finished calculating and confirming the files and directories changed in this release. Please check back soon.

Release Notes Published

Commits

<table> <tbody>

<tr><td colspan=3><h3>@angular-devkit/build-angular (12.0.0-rc.0)</h3></td></tr> <tr> <td><b>Commit</b> <td><b>Description</b> <td><b>Notes</b> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/88bea1ad72e5b5df8c7e4870fa49f517c263ba05"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/88bea1a-fix-green.svg" /> </a> </td>

<td>avoid double build optimizer processing</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/a6e5103b9d3b3c20a5593542823d784e1e68896f"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/a6e5103-fix-green.svg" /> </a> </td>

<td>replace Webpack 4 hashForChunk hook usage</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/c53a17886a263e686151c440938233e5f245218d"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/c53a178-fix-green.svg" /> </a> </td>

<td>use new Webpack watch API in karma webpack plugin</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/bac34e5268b1aa9348edcf079240668bb6583b5f"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/bac34e5-fix-green.svg" /> </a> </td>

<td>recover from CSS optimization errors</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/88467b3b659f2ae6a34f2214705d2dec4c046c76"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/88467b3-fix-green.svg" /> </a> </td>

<td>disable Webpack 5 automatic public path support</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/898a486315a9e2762208c6b95b439751928e1ec7"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/898a486-fix-green.svg" /> </a> </td>

<td>always inject live reload client when using live reload</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/656f8d75a3368a5affd1c55145841123dafdb007"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/656f8d7-fix-green.svg" /> </a> </td>

<td>change several builder options defaults</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/7a8686abe9d490f22ff25f6b02709c9e18d3c410"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/7a8686a-fix-green.svg" /> </a> </td>

<td>show warning when using stylus</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/a11f4644861616f7d0929e62ae9833e795dd8649"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/a11f464-fix-green.svg" /> </a> </td>

<td>set Tailwind CSS mode when using Tailwind</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/33ca65aaa80c22c708c64a19f0374f5493244995"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/33ca65a-fix-green.svg" /> </a> </td>

<td>avoid triggering file change after file build</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/fa0fc45b8782910e09689bd40a6f8d2743c5b0ce"><img align="top" title="Performance Improvement" src="https://img.shields.io/badge/fa0fc45-perf-orange.svg" /> </a> </td>

<td>use Webpack's GC memory caching in watch mode</td>

<td> </td> </tr>

<tr></tr>

<tr><td colspan=3><h3>@angular/cli (12.0.0-rc.0)</h3></td></tr> <tr> <td><b>Commit</b> <td><b>Description</b> <td><b>Notes</b> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/5cc1a4e382b0fb43339bddbf9f2fcbddbda7744a"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/5cc1a4e-fix-green.svg" /> </a> </td>

<td>ignore tsickle during updates</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/cd198d5f2f04558bb7f518c6db19a6236f83b620"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/cd198d5-fix-green.svg" /> </a> </td>

<td>run all migrations when updating from or between prereleases</td>

<td> </td> </tr>

<tr><td colspan=3><h3>@ngtools/webpack (12.0.0-rc.0)</h3></td></tr> <tr> <td><b>Commit</b> <td><b>Description</b> <td><b>Notes</b> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/ca5ceaa10780bf5d05262bd2bc2e5909d51d3aa9"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/ca5ceaa-fix-green.svg" /> </a> </td>

<td>only track actual resource file dependencies</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/22ac3b387c2a4231556e188bb7e6d9eda6989a39"><img align="top" title="Performance Improvement" src="https://img.shields.io/badge/22ac3b3-perf-orange.svg" /> </a> </td>

<td>cache results of processed inline resources</td>

<td> </td> </tr>

<tr><td colspan=3><h3>@schematics/angular (12.0.0-rc.0)</h3></td></tr> <tr> <td><b>Commit</b> <td><b>Description</b> <td><b>Notes</b> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/1bf976f663e938164eb3ff55540ea0b3934d3a00"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/1bf976f-fix-green.svg" /> </a> </td>

<td>set inlineStyleLanguage when application style option is used</td>

<td> </td> </tr>

<tr>

<td> <a href="https://github.com/angular/angular-cli/commit/ab44cb2df79da301dc5cde167bc8a51cfe15e1d6"><img align="top" title="Bug Fix" src="https://img.shields.io/badge/ab44cb2-fix-green.svg" /> </a> </td>

<td>set inlineStyleLanguage for universal if present in build options</td>

<td> </td> </tr>

</tbody> </table>


Breaking Changes

<h3> @schematics/angular: remove stylus from style options (<a href="https://github.com/angular/angular-cli/commit/fd729aca0e74c242797d4697786fbede06bc844b">fd729ac</a>) </h3> 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 0272fc55b67d1a3f986b996c8eb21aea31eedf51)

<h3> @angular-devkit/build-angular: change several builder options defaults (<a href="https://github.com/angular/angular-cli/commit/656f8d75a3368a5affd1c55145841123dafdb007">656f8d7</a>) </h3> 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 0a74d0d28daf68510459ed73ef048c91bfcabbbc)


Special Thanks

Alan Agius, Charles Lyding, Keen Yee Liau, Joey Perrott, David Shevitz