sass文件的自动导入

Author: UdMLian

src/App.vue

@@ -7,7 +7,7 @@
   <RouterView />
 </template>
 
-<style scoped>
+<style scoped lang="scss">
 header {
   line-height: 1.5;
   max-height: 100vh;

src/styles/var.scss

@@ -0,0 +1,5 @@
+$xtxColor: #27ba9b;
+$helpColor: #e26237;
+$sucColor: #1dc779;
+$warnColor: #ffb302;
+$priceColor: #cf4444;

vite.config.ts

@@ -31,7 +31,8 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        additionalData: `@use "@/styles/element/index.scss" as *;`,
+        additionalData: `@use "@/styles/element/index.scss" as *;
+        @use "@/styles/var.scss" as *;`,
       },
     },
   },