From 1d99f2871a650daa5c47ee8f4021d4476f97e2f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=B8=81?= <martin@qq.com>
Date: Thu, 9 Jul 2026 00:32:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E6=89=93=E5=8C=85?=
 =?UTF-8?q?=E8=AD=A6=E5=91=8A=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/mixin.scss |  2 ++
 vite.config.ts               | 16 +++++++++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/assets/styles/mixin.scss b/src/assets/styles/mixin.scss
index 5922622..a0492f0 100644
--- a/src/assets/styles/mixin.scss
+++ b/src/assets/styles/mixin.scss
@@ -1,3 +1,5 @@
+@use './variables.scss' as *;
+
 // // 水平垂直居中
 // @mixin flex-center {
 //   display: flex;
diff --git a/vite.config.ts b/vite.config.ts
index 092eb25..9dcde44 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -32,13 +32,15 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        // 全局注入变量 + 混入
-        additionalData: `
-          @import "@/assets/styles/variables.scss";
-          @import "@/assets/styles/mixin.scss";
-        `
-      }
-    }
+        // 全局注入变量 + 混入（@use 替代已弃用的 @import）
+        additionalData: (source: string, filename: string) => {
+          if (/[/\\]variables\.scss$/.test(filename) || /[/\\]mixin\.scss$/.test(filename)) {
+            return source
+          }
+          return `@use "@/assets/styles/variables.scss" as *;\n@use "@/assets/styles/mixin.scss" as *;\n${source}`
+        },
+      },
+    },
   },
   build: {
     target: 'es2020',