scss绑定到vite上，当全局变量报错

  Plugin: vite:css
  File: E:/Windesk/vue/vue-ggzx/src/styles/index.scss:1:1
  [sass] ENOENT: no such file or directory, open 'E:\Windesk\vue\vue-ggzx\src\styles\variables.scss'
    ╷
  1 │ @use "@/styles/variables.scss";@use './reset.scss';

vite.config.ts中文件名写错variable多写了个s，新版scss即将废弃@import改用@use
正确事例：

 css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@use "@/styles/variable.scss";`,
          javascriptEnabled: true
        }
      }
    }