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

fruge2025-04-16 16:46

今天写项目的时候碰到一个报错，在网上查找到了解决方法，这里备份一下。防止下次再次遇到

原文章链接：Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

报错内容如下：

Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import 1 @import "./src/styles/global.scss";

这是因为 @import 规则已被弃用，并将在Dart Sass 3.0.0中删除。

解决方法：

1.修改全局样式引入，将引用 @import 改成 @use，代码如下：

复制代码

  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@use "./src/styles/global.scss" as *;`
      }
    }
  },

2.修改全局变量

$--color-primary: #409EFF; 修改为 $colorPrimary: #409EFF;，并且修改替换使用的变量名

这样问题就解决了