scss文件内引入其他scss文件报错

在 Sass (SCSS) 中，@import 语句用于在当前文件中导入其他 Sass 文件，以便你可以重用样式和变量等。然而，从 Dart Sass 1.23.0 版本开始，@import 语句已经被标记为弃用（deprecated），并计划在未来的版本中完全移除。这是因为 @import 可能会导致性能问题，特别是在大型项目中，因为它会导致文件被多次处理。

作为替代，Sass 推荐使用 @use 或 @forward 规则来导入其他模块（文件）。这些新规则提供了更好的模块化和封装，避免了 @import 的一些性能问题。

More info and automated migrator: https://sass-lang.com/d/import

╷
1 │ @import ‘./element-ui.scss’;
│ ^^^^^^^^^^^^^^^^^^^
╵
src\style\common.scss 1:9 root stylesheet

我使用的是最新的

"sass": "^1.81.0",
"sass-loader": "^16.0.3",

所以要改成

@use './element-ui' as *;

这里的 as * 表示从 element-ui.scss 中导入的所有内容都将直接在当前作用域中可用。如果你希望导入的内容有命名空间，以避免命名冲突，可以这样做：

@use './element-ui' as eui;