在 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.css>scss’;
│ ^^^^^^^^^^^^^^^^^^^
╵
src\style\common.css>scss 1:9 root stylesheet
我使用的是最新的
"sass": "^1.81.0",
"sass-loader": "^16.0.3",
所以要改成
@use './element-ui' as *;
这里的 as * 表示从 element-ui.css>scss 中导入的所有内容都将直接在当前作用域中可用。如果你希望导入的内容有命名空间,以避免命名冲突,可以这样做:
@use './element-ui' as eui;