VITE【添加全局的样式文件】

前言

有时候我们需要一个scss文件中的所有变量和样式能被所有的scss文件直接使用，而无需每一个都@import引入，实现起来非常简单，因为vite预先配置的css的处理程序，并且提供了配置接口

---

使用步骤

编辑vite.config.js文件

defineConfig({
	css:{
		scss:{
			// 指定传递给css预处理程序的额外参数
			addintionaData:`@import "/src/style/global.scss"`; // 在这里配置的字符串，会添加至所有scss文件的头部
		},
		less:{
			addintionaData:`@import "/src/style/global.less"`; 
		},
		css:{
			addintionaData:`.root {color:red}`; 
		}
	}
})