转载：https://blog.csdn.net/sinat_41211717/article/details/120365001

一、如何安装

进入项目目录直接npm安装即可，不用繁琐的各种配置

npm install --save-dev sass

如果安装了，但是运行vite启动项目依旧出现报错，请检查package.json文件中，sass是不是在依赖配置中，把他移动到开发依赖中即可，一般为安装sass的时候npm没有加--save-dev所导致的。

 二、加入全局scss文件

打开vite的配置文件，在里面加入css的配置即可

cssPreprocessOptions: {
   scss: {
      additionalData: '@import "./src//scss/common.scss";' // 全局公共样式
   }
}

三、关于sass的“.....Using / for division.....”报错

这是由于sass版本导致的问题，不影响项目编译，解决方法：

Sass: Breaking Change: Slash as Division (sass-lang.com)