在vue 3中使用sass

我有一个使用普通css编译的项目，但我想使用sass标记

在Header.vue中，这不起作用：

<style lang="sccs" scoped>
   div.menu {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 65px;
      background: $header;
   }

当它生成时，我得到以下错误。没有SCS，它可以正常工作

Module parse failed: Unexpected token (2:11)
File was processed with these loaders:
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/vue-loader-v16/dist/index.js
You may need an additional loader to handle the result of these loaders.
| 
>   div.menu {
|     position: fixed;
|     top: 0;

---

Header.vue的样式标记中的scss拼写错误。请将“sccs”更改为“scss”

Module parse failed: Unexpected token (2:11)
File was processed with these loaders:
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/vue-loader-v16/dist/index.js
You may need an additional loader to handle the result of these loaders.
| 
>   div.menu {
|     position: fixed;
|     top: 0;