今天寫項目的時候碰到一個報錯，在網上查找到了解決方法，這里備份一下。防止下次再次遇到

原文章鏈接：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;，并且修改替換使用的變量名

這樣問題就解決了