Angular由一个bug说起之十四：SCSS @import 警告与解决⽅案

SCSS @import 警告与解决⽅案

⚠ 警告信息

在 SCSS 中，使⽤  @import  可能会产⽣以下警告：

Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

? 为什么会有这个警告？

Sass 官⽅已经废弃  @import ，推荐使⽤  @use  和  @forward  进⾏模块化管理。其主要原因包括：
1. 命名冲突： @import  允许多个⽂件共享变量和混合宏，可能导致命名冲突。
2. 重复导⼊： @import  可能导致相同的⽂件被导⼊多次，影响编译性能。
3. 作⽤域问题： @import  导⼊的所有内容都是全局的，⽽  @use  采⽤更严格的作⽤域管理，避免变量污染。

? 如何复现这个警告？<