vite scss的配置

安装

npm install --save-dev sass

配置

export default defineConfig({
 ...

  css: {
		//css预处理
		preprocessorOptions: {
			scss: {
				additionalData: '@import "@/assets/style/theme/index.scss";'
			}
		}
	},
	...
}

引入多个scss文件

在sass-loader v8 中，这个scss 的选项是prependData

export default defineConfig({
 ...

  css: {
		//css预处理
		preprocessorOptions: {
			scss: {
				additionalData: '@import "@/assets/scss/globalVariable1.scss";@import "@/assets/scss/globalVariable2.scss";'
			}
		}
	},
	...
}