一、如何安装
进入项目目录直接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版本导致的问题,不影响项目编译,解决方法:
1.将“/”的位置改为match.dev(arg1,arg2)
@use "s