scss的使用

首先下载,你的项目当中必须有这个

npm install sass -g

然后我们在把main里面的原有的scss文件删除,然后创建一个styles文件夹里,创建index.scss,index.scss文件是主要入口,

然后main.ts,入口文件里配置

import "./styles/index.scss" 

配置vite.config.ts

  css:{
    preprocessorOptions:{
         scss:{
            javascriptEnabled:true,
            additionalData:'@import "./src/styles/variable.scss";',
         }
    }

我们在styles下创建一个variable.scss文件

然后把我们需要的标签放到里面去

就行了