將 Angular Material 遷移到 v12 不會刪除舊的導入語法

Question

我將我的 Angular 應用程序升級到 v12，因為我使用的是 Material，所以我也升級了 Material。

在v12 公告文章中，他們說 Material 現在公開了新的@use語法，並且升級應該自動遷移語法。 他們還添加了新 VS 舊語法的代碼示例。

所以基本上@import '~@angular/material/theming; 應替換為@use '~@angular/material' as mat; .

當我在升級成功完成后檢查更改時，我注意到在styles.scss中@use '~@angular/material' as mat; 添加了行，但是@import '~@angular/material/theming; 線沒有被刪除。 所以現在，我的styles.scss文件中有@use和import 。

我應該刪除@import '~@angular/material/theming; ? 據我了解，它會導入相同的東西兩次，所以它只能增加文件的大小。

Answer 1

正如這里所宣布的，新的@use是對 scss 文件導入頻率的改進。 基本上@import和@use工作。 但是@use可能有更好的性能。